Tempered Amber color palette — #F4DBE4 · #CA7200 · #3F5C40 · #3E2831 · #090305

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

The five colors

• Shell Pink (#F4DBE4): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#CA7200): A luminous, balanced gold — the color of old brass.
• Pine (#3F5C40): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#3E2831): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#090305): quiet, heavy and certain.

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

• Muted Veranda color palette (#F7DDEC, #E55900, #6B4758, #3C2835, #090207)
• Muted Amber Terrace color palette (#DEEADD, #D18900, #486B51, #334132, #140A0E)
• Timeworn Moss Field color palette (#DDF3E9, #929100, #4C5A2D, #1E352C, #010603)
• Bronze Coast color palette (#F0DBE3, #A85B00, #3D3200, #220F18, #090207)
• Bronze Parlor color palette (#DAF3DE, #9B7200, #4D4104, #0A2311, #000300)
• Cellar Chestnut Field color palette (#F5E6ED, #814200, #393730, #1E1B00, #0C0300)
• Lime Chapel color palette (#E3F7F1, #9FC75F, #6A817D, #485954, #1D2321)
• Pale Marigold Atelier color palette (#FAEDDC, #D99B00, #AA8500, #786300, #363000)

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