Tempered Ridge color palette — #F8EEE3 · #BF7800 · #875C00 · #4D3100 · #030100
Mustard takes the lead with Ochre close behind in a set that reads as optimism and balance at first glance.
The five colors
- Cream (#F8EEE3): a clean, paper-quiet neutral.
- Mustard (#BF7800): A luminous, balanced gold — the color of afternoon light on wheat.
- Ochre (#875C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#4D3100): A deep, shadowed, dusty gold — the color of honey in a jar.
- Black (#030100): a grounded near-black with real depth.
Feels like: Optimism, Balance. Tagged monochrome, 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
- Bronze Atelier color palette (#ECE0D2, #A66F00, #553500, #161B14, #0A0400)
- Chestnut Alley color palette (#FEDFED, #A47725, #904A00, #701E14, #040300)
- Frosted Boulevard color palette (#FDE5DC, #E1641A, #B33800, #661E00, #060000)
- Ancient Moss color palette (#DEF1E6, #9C8C00, #00717C, #635900, #000203)
- Ancient Lantern color palette (#E0EDCF, #6E9B00, #576C00, #333E00, #010200)
- Dusty Cobalt Balcony color palette (#FAE1FE, #0089BE, #A06A00, #1A0E00, #000200)
- Quiet Mustard Drift color palette (#F3E9AC, #D8BE40, #B19400, #716500, #1F1700)
- Feathered Lime color palette (#E4EBCF, #ABB700, #749200, #4D5C00, #080B00)
Browse the whole catalog at Explore, or see today's palette.