Cypress Summit color palette — #FBF2F9 · #7B8FC2 · #578D6A · #006F64 · #483645

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

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Slate Blue (#7B8FC2): A luminous, dusty violet — the color of wild irises.
• Fern (#578D6A): A full-bodied, dusty teal — the color of shallow lagoons.
• Teal (#006F64): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#483645): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Petrol Quarry color palette (#FFF1F4, #A283AB, #488B93, #1F6789, #4E353B)
• Jade Workshop color palette (#F5F4FD, #C699C9, #83A969, #478497, #3E3A4A)
• Aged Boulevard color palette (#FEF2EE, #BE7C78, #878148, #476A36, #433B38)
• Hushed Mallow Study color palette (#F8F2FF, #FF9FD3, #D5AE87, #869AC2, #403A46)
• Softworn Fern Harbor color palette (#FEF3E5, #C69E85, #966E46, #3F652D, #6C3800)
• Weathered Driftwood color palette (#FBF3F1, #DDD9D3, #A5AFA4, #A67275, #5A504D)
• Patina Olive color palette (#F5EEDC, #7B7300, #007069, #004D5D, #302500)
• Tempered Mulberry Delta color palette (#F6D4DA, #903398, #005E69, #003A60, #290E2B)

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