Cypress Ridge color palette — #FCF0DF · #9AA771 · #3E724F · #295039 · #211C00

Pine takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FCF0DF): A whisper-light, dusty gold — the color of old brass.
• Sage (#9AA771): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#3E724F): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#295039): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#211C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Patina Cypress color palette (#F3F3E3, #70AF97, #00737A, #4D4900, #142103)
• Softworn Taupe color palette (#FAF0E7, #B19F66, #596C3E, #5C3B47, #261A00)
• Washed Pine color palette (#F9F5E9, #8CA477, #327341, #00584D, #36362F)
• Forest Atelier color palette (#EDE2CD, #7F9768, #006547, #54273E, #0A1600)
• Hushed Lagoon color palette (#E5FBF1, #A8DDD0, #5D9A68, #327065, #003028)
• Dusty Olive Terrace color palette (#ECE5D7, #69824B, #005137, #002F3D, #040A00)
• Muted Alley color palette (#F9F0E7, #CFC2A3, #88873F, #715A60, #33312A)
• Worn Forest Bloom color palette (#FBEFEB, #B4D0B6, #1688AD, #00602B, #08203E)

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