Cypress Summit color palette — #EBF4F2 · #CDDCEF · #77A4B7 · #3D7672 · #1A3A4A

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

The five colors

• Ivory (#EBF4F2): bright and airy, almost weightless.
• Powder Blue (#CDDCEF): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#77A4B7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#3D7672): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#1A3A4A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Patina Hollow color palette (#D4E7E3, #6BA9AB, #00646E, #003A35, #000D12)
• Abyss Study color palette (#E3F3F1, #4B828F, #004254, #001F21, #000103)
• Dusty Atelier color palette (#E8F6EE, #BADBEB, #C3BFC9, #709077, #30423A)
• Dusty Petrol color palette (#DFECEB, #98B8D1, #0670B1, #00485C, #001631)
• Softworn Cerulean color palette (#E3F7F4, #9EDAF3, #008EC2, #00606E, #002840)
• Worn Taupe color palette (#E2F9E9, #AF9B59, #5E9D7B, #A5645C, #182D20)
• Worn Market color palette (#EAF5EC, #CBAF74, #C585A7, #8A6D2C, #392848)
• Tempered Bronze color palette (#FFE6EF, #D1AD7D, #9C7A3C, #715C24, #203F2D)

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