Tempered Amber color palette — #D1E9DF · #B2B100 · #E97500 · #100C02 · #030100

Tangerine and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D1E9DF): A whisper-light, dusty teal — the color of glacier melt.
• Gold (#B2B100): A luminous, vivid green — the color of a quiet forest floor.
• Tangerine (#E97500): A luminous, vivid gold — the color of afternoon light on wheat.
• Ink (#100C02): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant.

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

• Muted Orchard color palette (#EEDAE4, #989E00, #C36D00, #0E0C05, #020100)
• Dusty Coral color palette (#D8EDD7, #DD9C00, #FF5753, #140900, #030000)
• Weathered Hollow color palette (#CDF1F8, #00C980, #B89600, #100900, #020100)
• Amber Boulevard color palette (#FFD7A6, #C98F00, #7B6100, #353000, #060600)
• Amber Station color palette (#FFE9DE, #E18B00, #6F1500, #111710, #160100)
• Hushed Rose Ridge color palette (#DDECFC, #85AE00, #FF455F, #562125, #0B0201)
• Chartreuse Grove color palette (#C7E7E6, #8CE900, #F1AD00, #271900, #0A0400)
• Peony Quarry color palette (#E2E4CF, #FF8149, #FE41AC, #1A0203, #040000)

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