Cypress Pier color palette — #F0FAE0 · #98D3FF · #A682B4 · #277351 · #40283C

Pine and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Custard (#F0FAE0): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#98D3FF): A whisper-light, balanced blue — the color of open sky before noon.
• Dusty Rose (#A682B4): A luminous, balanced pink — the color of a candy shop window.
• Pine (#277351): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#40283C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Cypress 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

• Glacier Drift color palette (#FAF6E0, #71DCFD, #9785C6, #616924, #163931)
• Dusty Coral Basin color palette (#F5F8DE, #CCC2FF, #C27A87, #00717A, #47262E)
• Aged Coast color palette (#E8FBEF, #72C9E3, #B97471, #006B62, #003234)
• Weathered Bronze Cabin color palette (#E6FCEA, #C4BFFC, #C490C1, #948222, #383A58)
• Timeworn Loft color palette (#FCF3EE, #C3E0EA, #92C0EC, #44937C, #52344A)
• Mulberry Alley color palette (#E1FCFA, #5F9DD3, #8D4A98, #035E33, #333D53)
• Muted Lilac color palette (#FBF0E0, #9991DD, #8C538A, #524603, #331924)
• Washed Teal color palette (#FDF4E5, #BFEECF, #75AC8D, #936A6A, #393932)

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