Cypress Basin color palette — #E0F8F3 · #84AB8A · #327352 · #1F4E54 · #002220

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

The five colors

• Ivory (#E0F8F3): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#84AB8A): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#327352): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#1F4E54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#002220): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Cypress Courtyard color palette (#F9F5E8, #9D9E75, #327155, #10555E, #36362F)
• Washed Dune color palette (#D5F1F1, #46A084, #006357, #003E5A, #001618)
• Patina Archive color palette (#E8F5F5, #8FBDC1, #3D8378, #345C68, #062D30)
• Softworn Fern color palette (#CCEEE0, #82A14D, #316B00, #004847, #101A00)
• Dusty Studio color palette (#CAE9E6, #398A63, #00503D, #00312E, #000B04)
• Plum Harbor color palette (#E5EAF9, #756EC5, #AC4279, #00667B, #0C122A)
• Dusty Cobalt color palette (#EDF1FF, #D1D7FF, #CBA0DA, #616FAC, #222745)
• Ultramarine Cabin color palette (#D9EAFF, #6E98E5, #455EBB, #333B88, #191744)

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