Cypress Coast color palette — #FAF4EC · #BFE8CF · #5A92AF · #0D706E · #2C5047

A conversation between Teal and Storm Blue, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#BFE8CF): A whisper-light, dusty teal — the color of glacier melt.
• Storm Blue (#5A92AF): A luminous, dusty blue — the color of open sky before noon.
• Teal (#0D706E): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#2C5047): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Cobalt Orchard color palette (#FBF4EA, #B4EADA, #668BC6, #136D83, #583E51)
• Cerulean Drift color palette (#FDF4E6, #8DDDED, #008CB4, #006760, #114465)
• Tempered Lagoon color palette (#FBF2F8, #D0DFF9, #73ACD3, #358B7D, #354964)
• Tempered Garden color palette (#F7EDDD, #009299, #004451, #00231C, #000B13)
• Petrol Cabin color palette (#F4EEE4, #76BDD6, #0070A2, #004F51, #0D2E52)
• Tempered Mallow color palette (#FFF0F9, #F0D2E1, #ECB5D7, #6B7DA6, #57434A)
• Washed Denim color palette (#E6DFD4, #6AA5D6, #1E52A9, #003C4A, #151946)
• Violet Delta color palette (#FFF0F8, #8674E5, #B46234, #24795E, #472F3D)

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