Tempered Amber color palette — #FFDEE1 · #E68800 · #697D10 · #5B1E57 · #100100

Mustard takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FFDEE1): A whisper-light, dusty red — the color of late-summer berries.
• Mustard (#E68800): A luminous, vivid gold — the color of old brass.
• Olive Leaf (#697D10): A full-bodied, balanced green — the color of fresh herbs.
• Royal Purple (#5B1E57): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#100100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Soft Pine color palette (#FAE1D6, #AE9E49, #0A894F, #751B39, #0A0400)
• Soft Bronze color palette (#FFDEDF, #DC7C78, #9F7400, #3D2969, #180006)
• Mulberry Corridor color palette (#F0D8ED, #D8A179, #A2992C, #8B3265, #290E00)
• Chalky Garnet Terrace color palette (#FFE3DB, #CC9171, #B47219, #790514, #331000)
• Antique Mulberry Cabin color palette (#FFE5F7, #FFB47E, #C59B36, #96334D, #0A0200)
• Cellar Bronze color palette (#FFEBD9, #7A6600, #311700, #101B1A, #060200)
• Weathered Bronze Delta color palette (#F7EBE0, #9A5300, #004039, #412000, #000201)
• Bronze Study color palette (#FCF1D5, #C3FDD1, #B3D9B9, #AC7943, #2D2E1C)

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