Cypress Summit color palette — #F2F2EC · #CADED8 · #6EA7AD · #277A6E · #1E3E2B

Teal and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2F2EC): a clean, paper-quiet neutral.
• Silver (#CADED8): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6EA7AD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#277A6E): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#1E3E2B): A deep, shadowed, dusty teal — the color of sea glass.

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

• Petrol Archive color palette (#F1F3EC, #C6E0E2, #76A89A, #2B758D, #412F42)
• Muted Turquoise Coast color palette (#F9F3F7, #D4D7EF, #5FA5B8, #4D7A62, #435564)
• Washed Petrol color palette (#E8EBDF, #94BEAB, #0073A4, #004956, #00172B)
• Lagoon Lantern color palette (#EDEFE2, #3F848D, #004350, #001F1F, #000202)
• Softworn Cerulean Archive color palette (#F1F3EA, #9CDBEE, #0090B8, #006169, #00293C)
• Ancient Violet Summit color palette (#FFECF1, #C1A8CF, #5BA9BE, #8B59A4, #113A26)
• Driftwood Summit color palette (#FFEDEE, #E2D3CB, #A7AE96, #9674A4, #4A3435)
• Worn Cobalt color palette (#FFECF0, #AF8EB9, #C07671, #457BB6, #362026)

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