Tempered Amber color palette — #F1F5FD · #C0CFFF · #C29057 · #798ABF · #38292E

Built around Mustard, softened by Slate Blue — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F1F5FD): a clean, paper-quiet neutral.
• Lilac Frost (#C0CFFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mustard (#C29057): A luminous, balanced gold — the color of honey in a jar.
• Slate Blue (#798ABF): A luminous, balanced violet — the color of wild irises.
• Espresso (#38292E): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Worn Bloom color palette (#F5F4FD, #F2BAFA, #99A35B, #A37DA8, #22322C)
• Washed Blush color palette (#EDF7FD, #9BDCF8, #CC819E, #5596B1, #322A37)
• Lilac Atelier color palette (#FBF3F6, #E2DAE3, #DD999D, #9A8DDA, #291A16)
• Dusty Wisteria color palette (#F3F4FF, #BB85CF, #7B9154, #657647, #2B3B3F)
• Patina Ash color palette (#F4F4FC, #E2D8DE, #BDAFAB, #9998B6, #525258)
• Hushed Hollow color palette (#FCF2F5, #CFB3E6, #9E6A8B, #7E5C97, #3B2829)
• Tempered Mallow color palette (#E2FBFB, #C4AFFE, #BD7E85, #427A72, #484557)
• Pale Lagoon color palette (#F3F4FF, #C7A8FF, #CF6300, #885ACA, #2D1222)

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