Tempered Amber color palette — #FFF1F5 · #DCC58A · #B67C37 · #7E4833 · #04281C
Caramel and Coffee set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Sand (#DCC58A): A whisper-light, balanced gold — the color of old brass.
- Caramel (#B67C37): A luminous, balanced gold — the color of afternoon light on wheat.
- Coffee (#7E4833): A full-bodied, balanced orange — the color of autumn markets.
- Deep Forest (#04281C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: 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
- Moss Canyon color palette (#E1FDEF, #B7D295, #938E31, #735107, #002826)
- Misty Bronze color palette (#E5FCEA, #B9B768, #957000, #693800, #001712)
- Wandering Chestnut color palette (#EFDDCB, #A8985E, #885925, #5F2E25, #1C1800)
- Tempered Garden color palette (#FFF0F9, #F5A75B, #D14D00, #882233, #211600)
- Worn Alley color palette (#F6E5D2, #DFBB82, #C69251, #977151, #33302A)
- Faded Moss color palette (#D1EFD3, #AC9B30, #7E5700, #502300, #000503)
- Softworn Boulevard color palette (#DDF1E5, #789224, #584E00, #301D00, #000200)
- Bronze Harbor color palette (#F2E3E8, #8E6D14, #583100, #270600, #000201)
Browse the whole catalog at Explore, or see today's palette.