Tempered Amber color palette — #F6DCCE · #BF9822 · #3B762F · #4A426A · #281C48

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F6DCCE): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#BF9822): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#3B762F): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#4A426A): A full-bodied, dusty violet — the color of wild irises.
• Deep Indigo (#281C48): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Dusty Olive Lantern color palette (#FFE5E6, #BC914E, #577B33, #57436F, #55214B)
• Tempered Market color palette (#FCD8DA, #DE7E32, #6C6F2E, #244367, #002044)
• Faded Moss color palette (#F1DBC1, #85AB31, #007863, #513154, #341237)
• Dusty Stone Veranda color palette (#FFE5B7, #AEB577, #3D8873, #684666, #3D1E3C)
• Pale Canyon color palette (#F0DCCA, #C1AF79, #6F9359, #316188, #363772)
• Weathered Moss Bloom color palette (#F0E4C9, #7BA600, #006E35, #602840, #101A00)
• Pale Grape Grove color palette (#EEE5C3, #9A9C23, #8300DC, #4F5000, #20003C)
• Mustard Bloom color palette (#FFF4DC, #D5C212, #819652, #00685E, #003A3E)

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