Tempered Ridge color palette — #F9F5EC · #D1BD9F · #77580A · #3B3832 · #242618
A conversation between Coffee and Sand, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#F9F5EC): a clean, paper-quiet neutral.
- Sand (#D1BD9F): A luminous, dusty gold — the color of afternoon light on wheat.
- Coffee (#77580A): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Charcoal (#3B3832): quiet, heavy and certain.
- Onyx (#242618): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: 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
- Chestnut Quarry color palette (#EDE8D8, #7C5600, #232F32, #171500, #030200)
- Tempered Sand Basin color palette (#F0F7F2, #F6DAA7, #AE9E6A, #5A7463, #252E28)
- Aged Ridge color palette (#F2F7ED, #CCA688, #185F46, #003826, #102218)
- Lagoon Studio color palette (#FFF2E9, #A1AE7E, #348778, #794665, #474841)
- Tempered Bronze Boulevard color palette (#EEF2E1, #A76A2D, #003015, #0F1D1B, #000D03)
- Patina Bloom color palette (#F6F5EF, #D6DCD7, #A1AEB5, #7A895D, #54534A)
- Hushed Cypress Bloom color palette (#FFF5D9, #BDB98D, #5B9775, #006E60, #00545F)
- Aged Field color palette (#F6F6EA, #829A65, #5087A0, #6B4F90, #433F00)
Browse the whole catalog at Explore, or see today's palette.