Cypress Summit color palette — #F9F3F7 · #D3D7ED · #72A1B7 · #457C5D · #3C566A

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D3D7ED): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#72A1B7): A luminous, dusty blue — the color of open sky before noon.
• Teal (#457C5D): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#3C566A): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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 Terrace color palette (#EFF7F5, #CFE1F2, #73C0C6, #5B9288, #3F5761)
• Worn Cypress Veranda color palette (#F2F2EC, #C3E6DC, #64A9AF, #32796C, #283C2E)
• Cerulean Grove color palette (#E8F8FF, #A0D0E4, #3C939E, #005868, #003D45)
• Denim Lantern color palette (#EBE2E9, #539CA9, #00506F, #003127, #00132F)
• Petrol Veranda color palette (#ECF7FC, #78BDC3, #C5838F, #00828B, #6B3E47)
• Bronze Lagoon color palette (#EAF8FF, #64A3B3, #B47388, #AB5F3F, #2B4754)
• Worn Cobalt Studio color palette (#FBF2F6, #ACC9E0, #4C77BE, #005F64, #343464)
• Hushed Chestnut Station color palette (#FEF1F7, #A9BFAA, #9B7385, #7E4F48, #3B4D42)

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