Cypress Coast color palette — #FAF4F0 · #CDE6DE · #64A4B5 · #497B5F · #355147

Built around Teal, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CDE6DE): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#64A4B5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#497B5F): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#355147): A full-bodied, dusty teal — the color of sea glass.

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

• Ancient Periwinkle color palette (#FAF4EF, #C7EAEC, #769BD0, #2E7C7F, #604B59)
• Aged Ash color palette (#EAF4F2, #C9E0F7, #66A9AF, #43747B, #1F3A46)
• Hushed Grove color palette (#F5F6EE, #C7E9DF, #79BFC4, #599387, #45584B)
• Aged Bloom color palette (#F2E3DC, #378F98, #004358, #002319, #000A18)
• Dusty Moss Thicket color palette (#FFF1F5, #AB88BF, #779646, #398671, #523B42)
• Linen Cobalt color palette (#FFF2EB, #98DAEA, #0089C2, #006859, #223F6B)
• Petrol Corridor color palette (#F5EDE7, #7EBBD5, #006BB4, #00504D, #212B4E)
• Worn Chestnut color palette (#F9F5EB, #BDBA92, #868355, #7C550F, #454D00)

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