Cypress Corridor color palette — #F8F0EC · #C7E5D0 · #5996B6 · #046E5B · #39233A

Pine and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Celadon Mist (#C7E5D0): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#5996B6): A luminous, dusty blue — the color of open sky before noon.
• Pine (#046E5B): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#39233A): 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 Corridor 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

• Hushed Villa color palette (#FFEEE6, #A1DBE3, #008FBA, #00644D, #002647)
• Hushed Petrol color palette (#F7F1EB, #C9E2E5, #B190AC, #307680, #462D3B)
• Ancient Denim Lagoon color palette (#F8E7DC, #5993A7, #004E7A, #002C28, #00001E)
• Worn Balcony color palette (#F0F5E0, #73B67E, #C16F97, #28763A, #40152C)
• Washed Thicket color palette (#ECF8F6, #D6DEEA, #76C8E2, #359294, #1C445B)
• Muted Powder color palette (#EFF5E2, #C0E7DA, #9FD2F6, #7A8958, #263220)
• Pine Corridor color palette (#E4E6B0, #8CAD66, #388A53, #00624A, #1D3518)
• Ancient Petrol color palette (#F3E6DF, #96BFA5, #0073A6, #004C42, #001339)

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