Cypress Summit color palette — #FAF3F6 · #D9DEEE · #7C9BC7 · #277C80 · #47526C

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Silver (#D9DEEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7C9BC7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#277C80): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#47526C): A full-bodied, dusty violet — the color of a velvet chair.

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

• Timeworn Periwinkle color palette (#F1F3EC, #C0E6E9, #69A2D3, #417385, #403041)
• Powder Alley color palette (#EFF7F6, #D7DCEB, #81B7E5, #4991A9, #445466)
• Patina Petrol color palette (#F5EBF3, #91B8C9, #007299, #005141, #002E5A)
• Lagoon Atelier color palette (#ECDDE7, #509E9C, #005362, #00321B, #001624)
• Weathered Lagoon color palette (#FFEFFF, #C58386, #4B9C7B, #00868F, #4D3C4D)
• Tempered Cerulean color palette (#FCF2F8, #9EDBDD, #008DAC, #006A48, #00446A)
• Softworn Plum color palette (#FAF2FD, #D69DAF, #5CA99E, #AD4D71, #27555D)
• Faded Pier color palette (#EDDDE5, #72A7C1, #0357A1, #003E3E, #131156)

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