Cypress Ridge color palette — #F3F3E2 · #9CA57C · #00765A · #683901 · #1A1F03

Teal and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3F3E2): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9CA57C): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#00765A): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#683901): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#1A1F03): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, 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

• Softworn Olive Studio color palette (#F9F1E4, #AD9F78, #5C6D27, #66363C, #201D00)
• Weathered Cypress color palette (#F2F4E0, #81B696, #007D69, #315723, #002815)
• Soft Pier color palette (#EEE4C9, #83A243, #106F12, #444000, #111900)
• Teal Study color palette (#E6FBF3, #6AAB86, #00726F, #544263, #193C3C)
• Antique Alley color palette (#E3E8D2, #609C86, #00635C, #004619, #00170F)
• Wandering Lagoon color palette (#E9F9F5, #90C39B, #009774, #805A39, #193C3A)
• Lagoon Courtyard color palette (#EDEFDF, #428868, #004F45, #3C2400, #000B05)
• Worn Study color palette (#EFF5DC, #B6F3DC, #71C5CB, #647C25, #1B2709)

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