Cypress Coast color palette — #F9EEF5 · #B2735B · #007C64 · #254A71 · #1F1A26

Teal and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9EEF5): a clean, paper-quiet neutral.
• Caramel (#B2735B): A luminous, balanced orange — the color of autumn markets.
• Teal (#007C64): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#254A71): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#1F1A26): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Dusty Pine Loft color palette (#FAEEF2, #BF9266, #448155, #115274, #29213F)
• Olive Hollow color palette (#F5EFFB, #AD7595, #567838, #005660, #161925)
• Petrol Delta color palette (#EBF5ED, #A08241, #00748E, #4D3B6D, #251824)
• Weathered Canyon color palette (#FFF3E7, #C17247, #237676, #385538, #3D2C34)
• Timeworn Navy color palette (#FFECF4, #A35A00, #006868, #1A1D8C, #1D000A)
• Timeworn Coral color palette (#FFF2EC, #E98867, #3B967E, #48658E, #443032)
• Bronze Courtyard color palette (#E5F1E6, #A8791A, #234334, #172118, #100B0D)
• Tempered Driftwood color palette (#F7EFF3, #CCD6D7, #B8BAC5, #9D7589, #3C3337)

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