Tempered Ridge color palette — #F9EAE3 · #B21000 · #3D5500 · #590400 · #0B1200

Ruby and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9EAE3): bright and airy, almost weightless.
• Ruby (#B21000): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#3D5500): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#590400): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#0B1200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Energy, Balance. Tagged warm.

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

• Cocoa Basin color palette (#F9ECE2, #803A00, #004C1C, #371500, #000901)
• Mulberry Balcony color palette (#EDDADC, #AA003D, #005458, #54001A, #000404)
• Aged Garnet Parlor color palette (#FCDAD6, #93020F, #4E3F00, #4F005C, #170000)
• Crimson Orchard color palette (#F0DFEF, #DE003C, #00766D, #850020, #001411)
• Airy Balcony color palette (#F9EBDF, #8D4B00, #78008A, #452200, #1E0024)
• Dusty Bronze color palette (#EEDEC4, #7C6500, #493400, #291800, #0E0B00)
• Scarlet Atelier color palette (#FFDCD5, #CD382E, #680500, #2A0001, #080000)
• Wandering Aubergine color palette (#F2E0D8, #B01702, #5800BA, #580500, #130034)

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