Cypress Ridge color palette — #EDF0E3 · #B8B97B · #3C7147 · #193F22 · #151806

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

The five colors

• Cream (#EDF0E3): bright and airy, almost weightless.
• Sage (#B8B97B): A luminous, balanced green — the color of new leaves after rain.
• Pine (#3C7147): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#193F22): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#151806): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Dusty Stone color palette (#F0F8E9, #C0CB8F, #487E6B, #184D3C, #1D2514)
• Lime Ridge color palette (#D4EDD0, #93BC29, #006964, #003633, #011500)
• Muted Pine color palette (#E5FAF8, #D5D684, #27753C, #013111, #000505)
• Weathered Mint Field color palette (#E4FCF0, #86D086, #007495, #004156, #062016)
• Muted Taupe Harbor color palette (#EBF1E3, #C48E63, #005038, #00291B, #001509)
• Wandering Lagoon color palette (#E0F3F4, #FEB779, #139F78, #1A644D, #051A1B)
• Weathered Moss color palette (#E2E7D9, #959A13, #005332, #002111, #020300)
• Mint Boulevard color palette (#EFF8EC, #4BCCBA, #008FA9, #008476, #091D12)

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