Tempered Ridge color palette — #EEF2E2 · #936E00 · #003614 · #14211E · #000902

Ochre and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EEF2E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Ochre (#936E00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#003614): A deep, shadowed, balanced teal — the color of glacier melt.
• Onyx (#14211E): a grounded near-black with real depth.
• Ink (#000902): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Worn Bronze Basin color palette (#DAF2E3, #A57C00, #003F4C, #001318, #000201)
• Charred Boulevard color palette (#DAE2D1, #9F3800, #1C2529, #001A10, #000302)
• Aged Ember Lagoon color palette (#CBEAEC, #D75C00, #005642, #001B12, #000203)
• Patina Taupe Canyon color palette (#D8E2CF, #C1A057, #006550, #003126, #060E01)
• Wandering Corridor color palette (#F1F9E5, #D8B66D, #007D52, #00472D, #151E02)
• Tempered Ridge color palette (#DEE3DC, #9BA99D, #6D8F7E, #00514A, #030C01)
• Pine Market color palette (#E6EDDC, #008A61, #004878, #00432E, #000205)
• Dusty Orchard color palette (#C7ECE1, #008283, #005565, #002133, #000511)

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