Cypress Summit color palette — #F1F7F1 · #D1DEDE · #CDBEC1 · #34827F · #424B41

Teal takes the lead with Charcoal close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Silver (#D1DEDE): bright and airy, almost weightless.
• Stone (#CDBEC1): a calm mid-gray that lets other colors speak.
• Teal (#34827F): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#424B41): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Muted Drift color palette (#ECF3F6, #D3D7DF, #B7BCCE, #2B8485, #1F2F34)
• Aged Dune color palette (#FDF4E8, #B7B08D, #4F815A, #45624E, #4E4200)
• Patina Petrol Garden color palette (#D8E9E0, #007D9C, #3F2A3B, #12231B, #050F0B)
• Timeworn Abyss color palette (#DFE5DF, #99AFA7, #8E7787, #004043, #061909)
• Aged Chestnut Study color palette (#E5F2D1, #A7BFAD, #988190, #816119, #674A00)
• Washed Pier color palette (#F3ECF3, #D5C8CE, #B5989B, #2C568A, #352935)
• Tempered Teal color palette (#FFF3E9, #4CAA97, #456C9B, #743D15, #2C4432)
• Linen Emerald color palette (#F2F8E6, #459D68, #79508B, #574600, #2A380A)

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