Quiet Pier color palette — #FCF4E3 · #D3B600 · #00A7D9 · #C73072 · #541C00

Fuchsia and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FCF4E3): A whisper-light, dusty gold — the color of honey in a jar.
• Gold (#D3B600): A luminous, vivid green — the color of new leaves after rain.
• Cyan (#00A7D9): A luminous, balanced blue — the color of open sky before noon.
• Fuchsia (#C73072): A full-bodied, vivid rose — the color of strawberry cream.
• Espresso (#541C00): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged warm.

Use it as a design system

One click turns Quiet Pier into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Plum Study color palette (#FFF4E2, #E6AD00, #00ACBC, #A64CA3, #58121E)
• Faded Atelier color palette (#F4F3DF, #99C161, #3495F9, #A95056, #491C00)
• Antique Plum Boulevard color palette (#E7E1CC, #A7AA00, #0090C1, #A91D6C, #361400)
• Airy Turquoise Cabin color palette (#EAE5AE, #A7D4AA, #6ABEC7, #B0727F, #6C352A)
• Aged Clover Station color palette (#F2F9DF, #00DA72, #778DFF, #C93D21, #422B00)
• Pale Mint color palette (#F2F8EA, #67D7A9, #AB8EDE, #AF664F, #542C14)
• Gentle Ridge color palette (#DDEED2, #00C4A2, #A05CFF, #965500, #2F2200)
• Timeworn Grape Lagoon color palette (#E5F0E4, #00837F, #86009F, #453400, #010200)

Browse the whole catalog at Explore, or see today's palette.