Tempered Amber color palette — #F6EBE1 · #BE6C00 · #5B5400 · #673800 · #020200

Built around Ochre, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F6EBE1): bright and airy, almost weightless.
• Ochre (#BE6C00): A luminous, balanced gold — the color of old brass.
• Deep Olive (#5B5400): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#673800): A deep, shadowed, balanced gold — the color of honey in a jar.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. 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

• Sunlit Garnet Harbor color palette (#ECDBD4, #C66056, #7B4200, #85020B, #040100)
• Antique Bronze Villa color palette (#F6EFE0, #8B7200, #2B5100, #443700, #020200)
• Washed Onyx color palette (#FDE8D7, #9A4F00, #494800, #420048, #170002)
• Worn Chestnut color palette (#F2ECE5, #BCB3A5, #A19478, #714900, #1F1000)
• Amber Ridge color palette (#FAEED6, #D89000, #9F8000, #676E00, #0A0800)
• Aged Brick color palette (#F0E0D8, #B83000, #113E00, #4A0E00, #020200)
• Fern Veranda color palette (#E9EADA, #6FA35A, #007258, #296200, #020400)
• Hazy Pine color palette (#EEEBDE, #A2AE3F, #008A2B, #626A00, #0D0F00)

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