Hushed Cypress color palette — #FAF3F7 · #D7DFF1 · #779EC0 · #327C76 · #45536B

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#D7DFF1): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#779EC0): A luminous, dusty blue — the color of open sky before noon.
• Teal (#327C76): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#45536B): A full-bodied, dusty violet — the color of wild irises.

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

• Hushed Parlor color palette (#EFF7F6, #D5DDEC, #8AB9D1, #2A96A5, #3C566B)
• Hushed Cypress color palette (#E5FAFB, #82BFA9, #BB86A5, #3A826B, #554566)
• Petrol Coast color palette (#F1F3EC, #C8DFDD, #79A894, #017988, #143F33)
• Dusty Corridor color palette (#EEE1E9, #73A8B8, #005D8B, #003F37, #031A4C)
• Cobalt Grove color palette (#FFF1F5, #B0D2F2, #5D7BCA, #006571, #3F376A)
• Worn Lagoon Coast color palette (#E0FBFF, #9CDBD0, #358D85, #005F53, #003E45)
• Navy Meadow color palette (#EBDBE2, #5288A5, #003A79, #002223, #06002B)
• Hushed Teal Atelier color palette (#E0FBFE, #50AB95, #AF7590, #9C5E51, #2E474B)

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