Hushed Cypress color palette — #E8F5F1 · #87AB84 · #227552 · #304570 · #00221F

A conversation between Pine and Navy, giving this palette its sense of nature and growth.

The five colors

• Cream (#E8F5F1): bright and airy, almost weightless.
• Sage (#87AB84): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#227552): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#304570): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#00221F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, 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

• Airy Courtyard color palette (#E1F8F0, #8BB582, #00804E, #6F345D, #0F2709)
• Softworn Cypress Lantern color palette (#E6F6F3, #91BDBE, #458278, #495375, #072D2F)
• Dusty Garnet Villa color palette (#D6EAE5, #6E9A78, #00654C, #5D1E3F, #001806)
• Washed Aubergine color palette (#D3ECD9, #9C9941, #4C6600, #541A7C, #181700)
• Worn Cobalt Hollow color palette (#EDF4EE, #B0CCDC, #1086B8, #005B5B, #03213D)
• Worn Thicket color palette (#D8EBE6, #4B8860, #00503F, #1D2357, #000B03)
• Pewter Cabin color palette (#ECF9ED, #B0DBCA, #64986E, #864E70, #043023)
• Olive Veranda color palette (#EBDBF7, #AD5E84, #727400, #006486, #1B0C25)

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