Cypress Coast color palette — #FAF4EF · #C4E5D7 · #718AB8 · #007269 · #474266

A conversation between Teal and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Celadon Mist (#C4E5D7): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#718AB8): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#007269): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#474266): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Cerulean color palette (#EDF4EE, #BFE1FA, #5B92C6, #006B77, #1D2D43)
• Hushed Fern Balcony color palette (#FBF3F1, #D0E2CE, #4497AE, #3E703B, #1D5247)
• Patina Periwinkle Courtyard color palette (#F8F5EF, #BFE8E9, #73AADE, #278996, #583D55)
• Denim Alley color palette (#DAF2D0, #5EBAC7, #0088B0, #005C99, #3B406A)
• Ancient Lagoon color palette (#E8FAF3, #E5D5CF, #DEB2D5, #329285, #554054)
• Wandering Forest color palette (#FEF2EF, #B3CDB1, #1085A2, #006518, #163D60)
• Hushed Navy color palette (#F6EBE5, #438C9F, #003F69, #002319, #05002C)
• Softworn Onyx Pier color palette (#EEDDD7, #65ACB2, #005F81, #004122, #001B4C)

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