Cypress Ridge color palette — #F5F6EE · #CBE2DC · #63A6AD · #367C72 · #365240

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

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#CBE2DC): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#63A6AD): A luminous, dusty blue — the color of open sky before noon.
• Teal (#367C72): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#365240): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Hushed Petrol Harbor color palette (#F4F6EF, #C9E3E4, #72A597, #39788E, #5F4B60)
• Cypress Atelier color palette (#E2E3D6, #70ABA8, #006468, #003F35, #002529)
• Tempered Bronze Dune color palette (#F4F8E2, #79A579, #4997A4, #927036, #42433C)
• Washed Grove color palette (#E5E6D8, #308F9B, #004451, #002222, #000B11)
• Muted Petrol color palette (#EDF0E4, #88B9D1, #216F9B, #004D5C, #003052)
• Dusty Driftwood Corridor color palette (#F5EDC5, #B4C88F, #72945B, #486C3E, #37553C)
• Cerulean Field color palette (#F4F7E6, #9DD9EB, #008CB4, #00656E, #004563)
• Weathered Grove color palette (#F3F7E9, #B6E3E1, #BDC3CF, #90956F, #405612)

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