Cypress Veranda color palette — #F5F1EA · #C7E4D6 · #6393B8 · #006B72 · #3A223A

A conversation between Teal and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5F1EA): a clean, paper-quiet neutral.
• Celadon Mist (#C7E4D6): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6393B8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#006B72): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#3A223A): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Cerulean Field color palette (#F6F1EA, #CBE3D1, #4B99B4, #006D64, #013528)
• Cerulean Harbor color palette (#FAF3F6, #C2E1F6, #648CC2, #007264, #3E4761)
• Wandering Cobalt Study color palette (#F6F1E9, #AAD1C5, #4E7BC2, #00596C, #161B44)
• Muted Denim Atelier color palette (#EAE3D8, #6CA9A8, #006470, #003B2C, #000D13)
• Softworn Navy color palette (#F5EEE1, #6390AD, #00498A, #002B32, #01001E)
• Iris Lagoon color palette (#F7F2DE, #A5A96F, #8D7FD2, #686A00, #281F48)
• Lagoon Pier color palette (#FAF4F0, #C1E2F1, #9DBDE9, #009785, #3C3A61)
• Weathered Plum Coast color palette (#F7F3DA, #889647, #1F88BF, #A9406B, #231E04)

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