Tempered Amber color palette — #E9E5F5 · #BF7E00 · #406F00 · #000F07 · #000201

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E9E5F5): A whisper-light, dusty violet — the color of a velvet chair.
• Mustard (#BF7E00): A luminous, balanced gold — the color of honey in a jar.
• Olive (#406F00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#000F07): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000201): quiet, heavy and certain.

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

• Linen Villa color palette (#FFE0D8, #7B5BFF, #7F7300, #000D06, #000201)
• Cobalt Summit color palette (#FFE2E3, #008ABD, #916A00, #100900, #000200)
• Bronze Terrace color palette (#D3F0F7, #B35F00, #00312F, #271F20, #000A09)
• Soft Magenta color palette (#FFE3E5, #FF3BF3, #00873B, #09190C, #040500)
• Magenta Boulevard color palette (#F8EACF, #D500B8, #00856D, #000C08, #000102)
• Worn Abyss color palette (#E2F3FA, #A4B6C4, #7E8EA8, #004D56, #020D12)
• Hushed Nightshade Alley color palette (#DFF0F2, #008C7B, #3518B2, #004038, #00000C)
• Iris Courtyard color palette (#FBEAE5, #9581FF, #00A480, #00251B, #030800)

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