Hushed Cypress color palette — #F9F0EC · #CCE3D2 · #5696B7 · #006F5A · #3A213C

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

The five colors

• Cream (#F9F0EC): bright and airy, almost weightless.
• Celadon Mist (#CCE3D2): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5696B7): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006F5A): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#3A213C): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Hushed Cypress 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 Drift color palette (#FDEEE7, #B5DBBD, #0090B9, #00644D, #002646)
• Sunlit Iris Courtyard color palette (#F9F1E0, #B3A467, #7488D4, #776300, #19224F)
• Softworn Denim color palette (#EADCD3, #5993A7, #004D7A, #002C28, #00001F)
• Ancient Lagoon color palette (#F9F3F8, #CEE0F8, #59B0DB, #158E75, #364960)
• Tempered Lantern color palette (#F1E7E1, #98BEA6, #0073A5, #004C42, #001338)
• Cocoa Basin color palette (#F9F1E1, #B5AC85, #86733A, #6E4000, #24240E)
• Amethyst Bloom color palette (#F9F2D9, #91933F, #4F7ECE, #7553B8, #261D00)
• Wandering Bronze Quarry color palette (#F9F1DF, #CCE4BF, #98D7C4, #AD7441, #35342E)

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