Tempered Amber color palette — #E8F6EC · #B59936 · #475E53 · #323A34 · #1E231F

Mustard takes the lead with Charcoal Brown close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E8F6EC): bright and airy, almost weightless.
• Mustard (#B59936): A luminous, balanced green — the color of fresh herbs.
• Charcoal Brown (#475E53): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#323A34): a grounded near-black with real depth.
• Onyx (#1E231F): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Ancient Tangerine color palette (#FCEDF5, #E57947, #68505A, #3F343B, #252023)
• Moss Workshop color palette (#D3F3E6, #868E00, #3B4B25, #0D2D22, #06150E)
• Bronze Pier color palette (#F8F1E4, #C9B57D, #8B7C32, #6D4F00, #26211A)
• Mint Station color palette (#E2FCF6, #95C07C, #5DB5BA, #B2895C, #334743)
• Hushed Emerald color palette (#CEECEB, #00AA6A, #325457, #213131, #101B1A)
• Wandering Canyon color palette (#DBFFED, #C5C977, #9CAC67, #687A4B, #30524C)
• Lagoon Grove color palette (#D6EDE8, #008B7A, #004141, #001F24, #000A0B)
• Oat Boulevard color palette (#E5FCED, #B9DCCD, #8CAEA6, #738A91, #3C5562)

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