Tempered Amber color palette — #F0D6DE · #AC8700 · #4D2E00 · #221200 · #150302

Built around Mustard, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#F0D6DE): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#AC8700): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#4D2E00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#221200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#150302): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Taupe Grove color palette (#E9DCCD, #BCA34D, #784900, #3C2200, #140800)
• Muted Drift color palette (#EBDBCA, #D2B475, #A56B00, #653F00, #130800)
• Wandering Moss Station color palette (#E6D9E7, #9D8E00, #631024, #2F020C, #120614)
• Amber Courtyard color palette (#C7E6DD, #BB7E00, #2B3D00, #101A00, #00090B)
• Wandering Amber Ridge color palette (#E1F0E1, #B77A00, #005C52, #5A3A00, #001014)
• Pale Fern color palette (#F4E2C9, #989900, #196D08, #003E2D, #002727)
• Washed Marigold color palette (#E8FAF1, #D3A658, #55541A, #173529, #081E1E)
• Velvet Station color palette (#DBF6F6, #875000, #2D282F, #001A0C, #000301)

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