Cypress Coast color palette — #E6FAF4 · #84BBB9 · #368275 · #3A5F75 · #284948

Teal takes the lead with Ash close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#E6FAF4): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#84BBB9): A luminous, dusty teal — the color of glacier melt.
• Teal (#368275): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#3A5F75): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#284948): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Lagoon Study color palette (#EFF4E6, #A8BB95, #3E8375, #176161, #212B14)
• Timeworn Cypress color palette (#E9F9F8, #9CCFD2, #5E9D90, #337F80, #28494B)
• Quiet Quarry color palette (#E3FCF0, #87B177, #0C7C57, #5F4470, #26431A)
• Antique Thicket color palette (#D2EBE2, #6C9970, #006450, #512E58, #103115)
• Teal Pier color palette (#F7F6E7, #CFDBB2, #5BC0AF, #769A88, #3C4900)
• Worn Field color palette (#F2F5FF, #E1D7E1, #F9B8B8, #6584AB, #474762)
• Washed Harbor color palette (#F2F5FF, #A094DA, #8B9035, #6856A4, #434619)
• Hushed Iris color palette (#F3F4FF, #9079C4, #7D8039, #38724D, #323553)

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