Tempered Amber color palette — #FDDBE6 · #B89539 · #885100 · #581A00 · #040400

Mustard and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FDDBE6): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#B89539): A luminous, balanced gold — the color of old brass.
• Coffee (#885100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#581A00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#040400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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

• Chestnut Courtyard color palette (#CFEFD7, #9C9F5C, #765C00, #4B2800, #000504)
• Bronze Veranda color palette (#FFE7F3, #9B6500, #602A00, #2B0002, #020100)
• Amber Grove color palette (#F4DBC0, #CF9200, #AB6D00, #7E4D1F, #1E1400)
• Bronze Cabin color palette (#E8FBE8, #C1B378, #9F6A00, #723000, #001710)
• Amber Parlor color palette (#FFF1F6, #EACC8D, #D07A00, #9A4025, #2B2900)
• Dusty Lantern color palette (#D1F7F4, #249A4E, #900067, #552D00, #000201)
• Weathered Tangerine Courtyard color palette (#DAF3FA, #EA833C, #004644, #262229, #000A0A)
• Amber Canyon color palette (#EBFAEC, #C0E8D1, #C2954D, #8B5F44, #1B3830)

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