Tempered Amber color palette — #F5F3FF · #FFAECB · #DC8500 · #4650B0 · #532040

Mustard and Cobalt set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Carnation (#FFAECB): A whisper-light, balanced rose — the color of pressed rose petals.
• Mustard (#DC8500): A luminous, balanced gold — the color of old brass.
• Cobalt (#4650B0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Mulberry (#532040): A deep, shadowed, balanced pink — the color of peonies in June.

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

• Weathered Dune color palette (#F8F0FF, #FFB399, #BA9800, #7742B0, #552026)
• Coral Villa color palette (#F2F5FF, #FFB9F6, #FF7969, #00649F, #482E56)
• Linen Coral color palette (#FFEBFB, #FFC0D7, #FC8473, #7E54A1, #310A1F)
• Antique Corridor color palette (#F8F2FF, #EFDBC6, #C6B309, #7D65AE, #67383D)
• Softworn Orchid color palette (#FFF0FC, #FFD2E0, #FF947F, #A06BC2, #51203E)
• Frosted Moss Garden color palette (#FCE5F9, #D9A770, #78982B, #722E64, #3B1900)
• Aubergine Villa color palette (#E4D9F5, #C17463, #8A6600, #3D1C72, #1D0005)
• Pale Lilac Market color palette (#FFEBFE, #F9CEC4, #E4C07D, #9785EE, #542341)

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