Tempered Amber color palette — #FFEFE6 · #EBB072 · #AE8B00 · #696A00 · #2D4700
Built around Mustard, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEFE6): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sand (#EBB072): A luminous, balanced gold — the color of honey in a jar.
- Mustard (#AE8B00): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#696A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#2D4700): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Timeworn Cabin color palette (#FFF3E1, #CCC07F, #89A324, #417925, #004E30)
- Pale Alley color palette (#FFF3E6, #F8D79D, #BBA050, #736600, #343600)
- Hushed Amber color palette (#FFEBEA, #F1A893, #D07221, #8A5B00, #493E00)
- Antique Balcony color palette (#FFECEC, #E6976A, #936F1A, #4B570C, #004B34)
- Moss Pier color palette (#FFF4E2, #DAA570, #938A00, #306A8A, #413C36)
- Chalky Mustard Bloom color palette (#F3E0CC, #C1A100, #7E8300, #375700, #003310)
- Muted Bronze color palette (#F4E1D1, #A27200, #625800, #272F00, #030E00)
- Hushed Chapel color palette (#FAF4EF, #DBDBD2, #C0C4B2, #B88157, #4F463E)
Browse the whole catalog at Explore, or see today's palette.