Tempered Amber color palette — #FFF1F6 · #D6EED8 · #B1DDC3 · #DA7E24 · #412C35

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Honeydew (#D6EED8): A whisper-light, dusty green — the color of new leaves after rain.
• Celadon Mist (#B1DDC3): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#DA7E24): A luminous, balanced gold — the color of old brass.
• Espresso (#412C35): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Tempered Cabin color palette (#FFF0F8, #C9E7D0, #B4C59A, #B7591B, #402C37)
• Muted Amber color palette (#EBF9EF, #BBE4E5, #99CBD4, #B89400, #24382A)
• Timeworn Studio color palette (#FFF0FC, #F6D0D1, #DFB5AF, #E07369, #402B3D)
• Amber Station color palette (#EFE7D4, #B58B00, #5A5E1A, #1C3D26, #110308)
• Hazy Basin color palette (#D2F3D0, #E29600, #00A469, #006CAC, #41003D)
• Wandering Chestnut color palette (#FBF0E5, #DFD1C1, #B9A98F, #854A00, #261605)
• Patina Canyon color palette (#CDF6E4, #9ED369, #39B15B, #A9674F, #21350A)
• Weathered Courtyard color palette (#FFE1A2, #F59815, #9A9200, #0074A4, #372500)

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