Colors — Hidden in My Heart Creations

Brand palette

Reach for these through the semantic tokens below rather than directly.

--hh-color-raspberrySignature brand color, main actions

--hh-color-raspberry-deepPressed and hover state of raspberry

--hh-color-pinkBright highlight, focus ring

--hh-color-blushSoft fill for gentle surfaces

--hh-color-blush-softLightest pink wash

--hh-color-creamPage background

--hh-color-parchmentWarm paper surface

--hh-color-goldAccent rules and small marks only

--hh-color-gold-softGilded borders

--hh-color-inkBody text

--hh-color-ink-softSecondary text

--hh-color-sageBotanical accent

These are the tokens to use in product work.

--hh-color-backgroundApp background

--hh-color-surfaceCards and panels

--hh-color-surface-mutedQuiet grouped surface

--hh-color-foregroundPrimary text

--hh-color-foreground-mutedSupporting text

--hh-color-primaryPrimary action

--hh-color-on-primaryText on primary

--hh-color-accentGold accent

--hh-color-borderHairline borders

--hh-color-border-strongEmphasised borders

--hh-color-successOrder confirmed

--hh-color-dangerForm errors

Every pairing here meets the contrast bar for body text.

Faith you can see. Love you can share.

--hh-color-foreground on --hh-color-background

Faith you can see. Love you can share.

--hh-color-foreground-muted on --hh-color-surface

Faith you can see. Love you can share.

--hh-color-on-primary on --hh-color-primary

Faith you can see. Love you can share.

--hh-color-primary on --hh-color-surface-muted