Cypress Dune color palette — #E7F6F1 · #86AB88 · #007754 · #4E3E5D · #00221F

Pine and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7F6F1): bright and airy, almost weightless.
• Sage (#86AB88): A luminous, dusty green — the color of fresh herbs.
• Pine (#007754): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#4E3E5D): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#00221F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Cypress Dune 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

• Weathered Hollow color palette (#E8F6EB, #A4A46E, #547019, #63383A, #032217)
• Hushed Harbor color palette (#E4F6F4, #87BFC2, #20867D, #634B67, #142C2D)
• Ancient Alley color palette (#FBF5E2, #7BA87D, #087364, #634046, #343900)
• Lagoon Harbor color palette (#DCF0ED, #529F7E, #006358, #4F3200, #001617)
• Weathered Lagoon Drift color palette (#E7FBF0, #B1DEAF, #00A089, #795577, #062F2B)
• Washed Lagoon color palette (#F8F7DF, #95C297, #32946F, #7E5857, #343A00)
• Tempered Chapel color palette (#DCEDEA, #358B5E, #005041, #45162A, #000A0A)
• Cobalt Meadow color palette (#ECF4EE, #A5CDED, #497CC6, #00596B, #132039)

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