Digital Card Colour Ideas

Got creator page into CodePen — mainly want to play with colour. Claude’s version looks good but want Coytis branding or more pink than purple.

Examples moved to: C:\Users\Rick\OneDrive - Coytis\Claude\Coytis

Looking for a lighter palette. Functions should stay minimal: click to add contact, click to email/copy address, click to SMS/copy number. Rest as hyperlinks as they are now — no tickers or nonsense.

End goal: distinctive pages for self, plus a template that can take a colour scheme from a website or existing business card and generate a page. Potential offering at ~$50–100 but the real value is having something polished and personal to show at networking.

Reference: Colour Schemes for Inspiration

BlueBerryPie (modified)

{
  "background": "#1C0C28",
  "black": "#149AC7",
  "blue": "#90A5BD",
  "brightBlack": "#04CDE3",
  "brightBlue": "#1234D6",
  "brightCyan": "#5E6071",
  "brightGreen": "#07A35E",
  "brightPurple": "#BC94B7",
  "brightRed": "#C87272",
  "brightWhite": "#F27EF2",
  "brightYellow": "#F299F2",
  "cursorColor": "#FCFAD6",
  "cyan": "#7E83CC",
  "foreground": "#924BA6",
  "green": "#5CB1B3",
  "purple": "#9D54A7",
  "red": "#99246E",
  "selectionBackground": "#606060",
  "white": "#F0E8D6",
  "yellow": "#EAB9A8"
}

Result:

Bangin to be honest

Duotone Dark

{
  "background": "#1F1D27",
  "black": "#6F5E85",
  "blue": "#FFC284",
  "brightBlack": "#614EA8",
  "brightBlue": "#FFC284",
  "brightCyan": "#2488FF",
  "brightGreen": "#2DCD73",
  "brightPurple": "#DE8D40",
  "brightRed": "#D9393E",
  "brightWhite": "#EAE5FF",
  "brightYellow": "#D9B76E",
  "cursorColor": "#FF9839",
  "cyan": "#2488FF",
  "foreground": "#B7A1FF",
  "green": "#2DCD73",
  "purple": "#DE8D40",
  "red": "#D9393E",
  "selectionBackground": "#353147",
  "white": "#B7A1FF",
  "yellow": "#D9B76E"
}

WildCherry

{
  "background": "#1F1726",
  "black": "#000507",
  "blue": "#883CDC",
  "brightBlack": "#009CC9",
  "brightBlue": "#308CBA",
  "brightCyan": "#FF919D",
  "brightGreen": "#F4DCA5",
  "brightPurple": "#AE636B",
  "brightRed": "#DA6BAC",
  "brightWhite": "#E4838D",
  "brightYellow": "#EAC066",
  "cursorColor": "#DD00FF",
  "cyan": "#C1B8B7",
  "foreground": "#DAFAFF",
  "green": "#2AB250",
  "purple": "#ECECEC",
  "red": "#D94085",
  "selectionBackground": "#002831",
  "white": "#FFF8DE",
  "yellow": "#FFD16F"
}