Tempered Ridge color palette — #F8F5EC · #CAC6A4 · #739C6A · #4A7D6D · #4C4300

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

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Pistachio (#CAC6A4): A whisper-light, dusty green — the color of new leaves after rain.
• Moss (#739C6A): A luminous, balanced green — the color of fresh herbs.
• Teal (#4A7D6D): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#4C4300): 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 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

• Pine Cabin color palette (#FBF4EC, #BBAF87, #548051, #48614D, #514100)
• Weathered Moss Drift color palette (#FCF4E7, #C1BF78, #739429, #057495, #3F3D00)
• Tempered Celadon color palette (#EBF9F1, #DBEFAD, #87A980, #557F82, #213F36)
• Olive Quarry color palette (#ECE4D1, #A0AC71, #557F40, #005C86, #262D00)
• Weathered Garden color palette (#F4F0DF, #6F8E59, #00642E, #00423B, #071300)
• Washed Cerulean Study color palette (#F8F5EF, #C3E4E9, #8BA4D9, #0087AA, #5C3C52)
• Emerald Market color palette (#FFF0FE, #85A6DC, #DD7476, #4D9C3A, #443043)
• Muted Cobalt Lagoon color palette (#FCF1FC, #91BBEC, #D7944A, #2D82DA, #5C3A10)

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