Cypress Harbor color palette — #E6E9D9 · #62A37E · #007255 · #494800 · #002111

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

The five colors

• Parchment (#E6E9D9): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#62A37E): A luminous, balanced teal — the color of sea glass.
• Pine (#007255): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#494800): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#002111): 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 Harbor 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

• Tempered Fern Market color palette (#E8E1D0, #959752, #586900, #504500, #1C1C00)
• Hushed Jade Study color palette (#DFFCF9, #3CBC82, #007156, #3E3F04, #000A0A)
• Pale Emerald Station color palette (#E6F3E0, #459D34, #007A2C, #00532E, #002517)
• Weathered Lagoon color palette (#F0F1DA, #358C6C, #00504D, #4E1D12, #002115)
• Sapphire Field color palette (#DFEACF, #009F6A, #046EE7, #006340, #00183F)
• Hushed Pine color palette (#E3E4D3, #498452, #005331, #133400, #000901)
• Weathered Lagoon color palette (#F3F8E0, #94C9AA, #279C79, #377A41, #18442E)
• Dusty Meadow color palette (#D6EDD5, #058D23, #007686, #755000, #001802)

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