Tempered Amber color palette — #D1E7D7 · #BDB37A · #A78B31 · #856628 · #012C1D

Moss and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D1E7D7): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#BDB37A): A luminous, dusty green — the color of a quiet forest floor.
• Moss (#A78B31): A luminous, balanced green — the color of new leaves after rain.
• Walnut (#856628): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#012C1D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Softworn Taupe color palette (#D5EFE1, #C2C695, #A6A064, #87794B, #12382D)
• Amber Basin color palette (#FFE2F0, #DDA472, #C57945, #97593E, #112B0F)
• Softworn Mustard color palette (#F9D9AA, #E0B03E, #C3870D, #9F6000, #322800)
• Tempered Bronze color palette (#FFF4E0, #B4B876, #90720D, #673A00, #091700)
• Quiet Rust Hollow color palette (#EEDAE6, #CF8E66, #BB5E35, #8D3F2E, #251000)
• Dusty Villa color palette (#CCEFDA, #88852C, #6E6000, #4F3C00, #030400)
• Ember Station color palette (#D1EDEC, #22B067, #DA502F, #8B5A00, #101700)
• Pale Olive Delta color palette (#BCE6F5, #00B1BD, #8885D7, #687F00, #002022)

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