Tempered Amber color palette — #FFF1F5 · #D9C698 · #B87A34 · #804631 · #0E271D

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 (#D9C698): A whisper-light, dusty gold — the color of old brass.
• Caramel (#B87A34): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#804631): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#0E271D): A deep, shadowed, dusty teal — the color of sea glass.

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

• Washed Driftwood color palette (#E3FDEF, #BCD09E, #948D3D, #755002, #002825)
• Muted Amber Atelier color palette (#E5FDE4, #E8CF74, #C58200, #994207, #262B00)
• Bronze Study color palette (#E8FBEB, #B8B67C, #966F00, #6B3700, #001712)
• Chestnut Hollow color palette (#EFDDCB, #AA966E, #855A2E, #622B23, #1C1800)
• Weathered Taupe color palette (#EAFAEE, #DFE1B0, #B69B59, #865D6E, #1E3732)
• Hushed Taupe color palette (#F5E5D3, #DEBB87, #C09463, #987050, #34302A)
• Soft Market color palette (#FFF0F9, #FAA554, #D44900, #8F1032, #221600)
• Wandering Moss Delta color palette (#D3F1DF, #7D8F3F, #5A4D00, #311D00, #000200)

Browse the whole catalog at Explore, or see today's palette.