Tempered Amber color palette — #FEF3E5 · #B27D00 · #4460A1 · #4C3D72 · #4A263C

Mustard takes the lead with Peacock close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Cream (#FEF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B27D00): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#4460A1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#4C3D72): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#4A263C): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Dusty Moss Garden color palette (#F9F5E6, #908E00, #47609F, #6B3444, #522B25)
• Hushed Hollow color palette (#FFF2EA, #D4631E, #00707D, #4A3D75, #4D2B3D)
• Dusty Chapel color palette (#FEE3C2, #956200, #005372, #5E003F, #42000C)
• Taupe Delta color palette (#F9F6E4, #9EAE5F, #3E9273, #00697A, #512F07)
• Tempered Balcony color palette (#FFEADA, #B1B784, #788A6A, #7A5C61, #60463F)
• Pine Grove color palette (#EFF4E4, #008E4D, #70397E, #61212B, #411600)
• Hushed Moss Station color palette (#E4F7EF, #8D9440, #2E7454, #004A53, #311600)
• Aubergine Thicket color palette (#E5E3C3, #587D0F, #442191, #5B0012, #2F1100)

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