Tempered Ridge color palette — #F1F3EA · #D0DAD3 · #A3B0B0 · #838942 · #36372F

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

The five colors

• Cream (#F1F3EA): a clean, paper-quiet neutral.
• Silver (#D0DAD3): a clean, paper-quiet neutral.
• Ash (#A3B0B0): a calm mid-gray that lets other colors speak.
• Olive Leaf (#838942): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#36372F): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Wandering Driftwood Bloom color palette (#F3F2E9, #C2C7A4, #758D4B, #6C6314, #31322B)
• Antique Corridor color palette (#EEF6DC, #BACFB4, #799887, #7E6668, #493A36)
• Petrol Courtyard color palette (#EDF4EE, #CCDCDC, #AFC1C3, #418089, #252F28)
• Timeworn Basin color palette (#E9F2EA, #A1BAAB, #77958A, #004E50, #040E05)
• Abyss Lagoon color palette (#D7E2DB, #8BA79D, #8D718C, #003D4B, #000602)
• Timeworn Spruce color palette (#E9ECE1, #87917F, #5D725C, #003417, #010100)
• Mint Villa color palette (#FCF0DD, #7FBD8A, #358782, #6E444E, #282F1D)
• Aged Lagoon Dune color palette (#E9F0E4, #009977, #314031, #1B2016, #0C0D08)

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