Tempered Amber color palette — #FBF2F6 · #E4DED1 · #9ABA82 · #D18549 · #12221F
Mustard takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FBF2F6): a clean, paper-quiet neutral.
- Bone (#E4DED1): bright and airy, almost weightless.
- Sage (#9ABA82): A luminous, balanced green — the color of a quiet forest floor.
- Mustard (#D18549): A luminous, balanced gold — the color of old brass.
- Onyx (#12221F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, 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
- Weathered Cabin color palette (#F9F3F8, #FFD2C8, #80CC89, #DE9687, #1F3230)
- Moss Lantern color palette (#F0F7F3, #BAE0EF, #6CC39D, #A59D3F, #0D2223)
- Lagoon Boulevard color palette (#FFF1F6, #E1AD7D, #2C9BA3, #636AA7, #2E2231)
- Wandering Corridor color palette (#EAFAED, #F3DAA6, #97AA78, #5174A1, #304539)
- Linen Jade Loft color palette (#EFF8EF, #FFD083, #00AC74, #A57400, #000D0D)
- Feathered Olive Loft color palette (#FFF1F5, #D2FADD, #B4B36F, #64862B, #004A1D)
- Hushed Apricot color palette (#FBF4ED, #F4AF7B, #6F8750, #8D6242, #2F2E27)
- Softworn Bronze color palette (#F8F0EC, #F4B0A1, #439289, #9C5F52, #11180E)
Browse the whole catalog at Explore, or see today's palette.