Tempered Ridge color palette — #FEF4E1 · #94AE60 · #2A7C43 · #57457B · #3C3B34

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

The five colors

• Cream (#FEF4E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#94AE60): A luminous, balanced green — the color of fresh herbs.
• Olive (#2A7C43): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#57457B): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#3C3B34): a grounded near-black with real depth.

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

Use it as a design system

One click turns Tempered 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

• Olive Cabin color palette (#FFF3E7, #B8A15D, #647124, #3A4F80, #46390C)
• Aged Jade Canyon color palette (#F7F7E2, #6AB68B, #007A6F, #684163, #0C462B)
• Forest Coast color palette (#F6EAD3, #879D2E, #006E21, #4D3077, #293300)
• Antique Pine Veranda color palette (#E3F7F3, #8AB48F, #137F4F, #005664, #02290C)
• Driftwood Field color palette (#FAF5E8, #C4C39E, #778A47, #795D66, #535000)
• Mulberry Delta color palette (#FFF1F2, #DE7CC1, #20973A, #860C6D, #004813)
• Timeworn Lagoon color palette (#E8E7CF, #438B64, #005049, #451C41, #002211)
• Airy Cerulean Drift color palette (#FFF2EC, #9CDAE6, #078ABB, #006856, #19406E)

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