Cypress Boulevard color palette — #D8E8EA · #00856B · #193742 · #062426 · #040F12

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

The five colors

• Frost (#D8E8EA): bright and airy, almost weightless.
• Teal (#00856B): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#193742): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#062426): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#040F12): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Cypress Boulevard 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 Teal color palette (#D2EAED, #00A78C, #25555F, #1B3235, #121A1A)
• Moonless Villa color palette (#C8E4EC, #006868, #002231, #001111, #000204)
• Mint Summit color palette (#DCEAD2, #00C6A1, #5F7765, #444D3E, #181913)
• Denim Archive color palette (#E1ECF9, #0065AE, #1E243D, #051424, #02040B)
• Quiet Grove color palette (#ECF7FF, #4293B7, #AC6073, #9E5100, #1F3B4D)
• Hushed Cypress Atelier color palette (#EAF9F4, #88BBB6, #3A8270, #376456, #284947)
• Navy Pier color palette (#E3EDFC, #0039A2, #2C2023, #130627, #000210)
• Weathered Cypress color palette (#F9F3F8, #C0E3F0, #3B96B8, #007457, #284A6A)

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