Cypress Veranda color palette — #F1F3EB · #C6E0DD · #7DA891 · #30777B · #223C32

Teal and Sage set the tone — five colors that lean into sophistication.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#C6E0DD): A whisper-light, dusty teal — the color of sea glass.
• Sage (#7DA891): A luminous, dusty teal — the color of glacier melt.
• Teal (#30777B): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#223C32): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cypress Veranda 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

• Softworn Canyon color palette (#F1F3EB, #C2E6D2, #5B96B1, #046B75, #073428)
• Muted Hollow color palette (#E5E7D9, #5CAAB7, #006376, #00393A, #000D14)
• Timeworn Lagoon Bloom color palette (#E7EAC4, #9BC898, #639D71, #2E6A48, #30332C)
• Pine Veranda color palette (#F0F4E7, #8BC399, #C68E67, #488058, #36302B)
• Petrol Villa color palette (#F0F3EC, #C7DFE3, #AF90B0, #40728C, #432E41)
• Ancient Cerulean color palette (#ECF6E1, #68AC91, #5696B7, #837A40, #232A19)
• Hushed Abyss color palette (#E7F9D9, #A7DEC9, #4F907A, #055746, #132003)
• Hushed Summit color palette (#E9EBDF, #4F8094, #00415B, #001E24, #000103)

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