Tempered Amber color palette — #FFF1F5 · #CC7C00 · #006E8B · #541467 · #190021

Mustard and Royal Purple set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Mustard (#CC7C00): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#006E8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Royal Purple (#541467): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#190021): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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

• Muted Amber Hollow color palette (#FFF0F7, #DE6E00, #006C94, #112E82, #040037)
• Gentle Marigold Coast color palette (#E8FBEA, #D69900, #007FB8, #66316A, #2E0631)
• Gentle Balcony color palette (#E1FAE9, #927700, #0047A3, #43003B, #050004)
• Gentle Station color palette (#FFF0FE, #FF3B50, #007368, #1C3275, #010333)
• Wandering Grape Veranda color palette (#E2FCF2, #8C9F05, #7543AD, #561C57, #1E0012)
• Lagoon Summit color palette (#FFF3E8, #BFC790, #399789, #5F5776, #432244)
• Linen Mustard color palette (#E7FBF2, #BEC25A, #8B7EC4, #7C476E, #312343)
• Hushed Mint color palette (#E1FCF4, #6BD2A6, #00878B, #5B4866, #001D1E)

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