Cypress Veranda color palette — #F7EFF3 · #C7E0F1 · #738FB6 · #006E60 · #212A4A

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

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Powder Blue (#C7E0F1): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#738FB6): A luminous, dusty blue — the color of deep harbor water.
• Pine (#006E60): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#212A4A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wandering Boulevard color palette (#F0F7F1, #C4E1F4, #5A90BA, #007077, #344964)
• Tempered Cobalt color palette (#F9EFF2, #B0CBE3, #6A79AE, #005B5C, #26173C)
• Washed Lagoon Study color palette (#E4F5FF, #DBD5E5, #ECB2C3, #3A8477, #22303E)
• Abyss Archive color palette (#F6E8F2, #49828E, #004061, #002014, #00000C)
• Cerulean Study color palette (#D3F3EB, #3BB3C0, #008AA8, #214C80, #1F284D)
• Washed Lagoon color palette (#FAF4EC, #C0E4F4, #95C0E4, #3A9098, #4F344F)
• Powdered Drift color palette (#F8EEF9, #6ECEC8, #007F98, #0D5609, #001B33)
• Worn Field color palette (#F3E9F3, #54ADAC, #00627B, #003D11, #000B1C)

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