Tempered Basalt Ridge color palette — #FDF3ED · #E1DDC4 · #D0A38D · #A16866 · #533B00
A conversation between Deep Olive and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FDF3ED): a clean, paper-quiet neutral.
- Bone (#E1DDC4): A whisper-light, dusty green — the color of a quiet forest floor.
- Camel (#D0A38D): A luminous, dusty orange — the color of sun-warmed clay.
- Mocha (#A16866): A full-bodied, dusty orange — the color of sun-warmed clay.
- Deep Olive (#533B00): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Tempered Basalt 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
- Tempered Stone color palette (#FFF0F8, #D3B18E, #997389, #6C546B, #3D4C41)
- Aged Bronze Quarry color palette (#FDEFE5, #DBB293, #AD7446, #81471F, #352A1E)
- Bronze Basin color palette (#FBF5E4, #E2DFBA, #A6A06A, #836535, #31322C)
- Bronze Drift color palette (#FFF2EE, #E2DAC7, #DBAE73, #857A1E, #2A4B03)
- Bronze Garden color palette (#FFF3E6, #C3B17A, #A36700, #752C00, #121400)
- Dusty Driftwood color palette (#FBF3F1, #C4E6D0, #AC7380, #613A33, #261714)
- Aged Chestnut color palette (#F2E4CA, #99A065, #735D00, #492900, #010500)
- Bronze Villa color palette (#F1D9C9, #986727, #632800, #2B0004, #020100)
Browse the whole catalog at Explore, or see today's palette.