Tempered Amber color palette — #FFF3E4 · #D3C898 · #B47E25 · #7E492A · #272206
A conversation between Mustard and Coffee, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#D3C898): A whisper-light, dusty green — the color of a quiet forest floor.
- Mustard (#B47E25): A luminous, balanced gold — the color of afternoon light on wheat.
- Coffee (#7E492A): A full-bodied, balanced orange — the color of toasted spice.
- Onyx (#272206): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Tempered Amber 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
- Muted Courtyard color palette (#FFF4DE, #B0BB69, #8E7400, #653B00, #131400)
- Tempered Taupe Grove color palette (#FEF4E1, #D8E3B1, #B09E52, #8D6024, #32322B)
- Antique Canyon color palette (#D7E5D6, #A29A64, #815D2B, #602E1D, #001D18)
- Tempered Rust color palette (#FFF2EC, #FAA62D, #C75900, #882329, #1F1700)
- Ancient Moss color palette (#E7E1CE, #6E9440, #535000, #2E1E00, #000200)
- Pale Azure Parlor color palette (#E7FBF3, #00AAEF, #A98400, #1C7142, #001B12)
- Antique Iris Cabin color palette (#FFF0F8, #887AEC, #C04A00, #005C2F, #170714)
- Tempered Market color palette (#F1F5FF, #D4C6FF, #B265C2, #8E2B63, #420009)
Browse the whole catalog at Explore, or see today's palette.