Tempered Mustard color palette — #F8E9E2 · #B1C0FF · #DDA800 · #26403B · #202822
Built around Gold, softened by Lavender — the whole palette hums with optimism and creativity.
The five colors
- Cream (#F8E9E2): bright and airy, almost weightless.
- Lavender (#B1C0FF): A luminous, balanced violet — the color of wild irises.
- Gold (#DDA800): A luminous, balanced gold — the color of old brass.
- Forest (#26403B): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#202822): a grounded near-black with real depth.
Feels like: Optimism, Creativity, Sophistication. Tagged neon, dark, vibrant, muted.
Use it as a design system
One click turns Tempered Mustard 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
- Tempered Canyon color palette (#F6D4E4, #95C9FF, #FF8F51, #493234, #2A2226)
- Mustard Hollow color palette (#F3E5D6, #FF9DE6, #CAB200, #2C4342, #202C25)
- Frosted Ridge color palette (#FFE475, #F6B7FF, #CEC232, #39504F, #313734)
- Weathered Moss color palette (#FFE9DC, #CFA6FF, #799500, #092A15, #021812)
- Worn Mint Station color palette (#EBE0C4, #79D9FF, #00E091, #2B4C4C, #1A2A2A)
- Chalky Canyon color palette (#F9EEDB, #FFAAA5, #3DD258, #26434B, #242D2C)
- Dusty Apricot Alley color palette (#E5FAFD, #E09B85, #005F54, #07343B, #121D24)
- Aged Atelier color palette (#F9DBDA, #DDC1FF, #52EA65, #565750, #282921)
Browse the whole catalog at Explore, or see today's palette.