Tempered Field color palette — #F7E1EB · #DBA06A · #AE6F43 · #7B4E3A · #253524
A conversation between Camel and Mocha, giving this palette its sense of optimism and warmth.
The five colors
- Rose Water (#F7E1EB): A whisper-light, dusty rose — the color of strawberry cream.
- Camel (#DBA06A): A luminous, balanced gold — the color of honey in a jar.
- Mocha (#AE6F43): A full-bodied, balanced gold — the color of old brass.
- Coffee (#7B4E3A): A full-bodied, dusty orange — the color of toasted spice.
- Deep Forest (#253524): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Tempered Field 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
- Ancient Study color palette (#F7E1EB, #B58E66, #85573A, #6A3123, #1B3822)
- Aged Stone color palette (#D2F1DC, #B9B072, #917F45, #6F5726, #1A372B)
- Antique Alley color palette (#FFF0F7, #DFC395, #B97850, #873E43, #07281C)
- Tempered Chapel color palette (#E9FBEA, #D7BA7E, #AA8958, #845B6A, #2D4335)
- Hazy Lantern color palette (#F6E0E7, #BC7E00, #895200, #5C3008, #001D07)
- Hushed Courtyard color palette (#FFDAE7, #F6859F, #BE5F68, #8F302B, #561500)
- Taupe Grove color palette (#E6FBF1, #A8D7C6, #9D9F73, #617C6D, #374D47)
- Softworn Bronze color palette (#CBE9D3, #927C00, #674F00, #422B00, #0D0C00)
Browse the whole catalog at Explore, or see today's palette.