Tempered Mustard color palette — #F1F5FF · #C3C6FF · #CFBF62 · #9396E1 · #284B38
A conversation between Honey and Lavender Blue, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lilac Frost (#C3C6FF): A whisper-light, dusty violet — the color of a velvet chair.
- Honey (#CFBF62): A luminous, balanced green — the color of a quiet forest floor.
- Lavender Blue (#9396E1): A luminous, balanced violet — the color of a velvet chair.
- Forest (#284B38): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Balance. Tagged light, 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
- Iris Meadow color palette (#FFF0F7, #D4CDFF, #D5B76A, #8C7BCD, #473600)
- Softworn Petal Loft color palette (#F4F4FF, #EBC3FE, #B4D29C, #BB9ACA, #33554D)
- Linen Marigold Loft color palette (#EEF6FF, #A7D0FF, #F8AA63, #70A2DB, #5B3A1A)
- Mustard Station color palette (#F1F5FF, #B2B6FF, #CFB341, #99AF69, #30374B)
- Washed Bloom color palette (#F1F5FF, #EAD9E1, #E3BC9F, #90B0D0, #474B5F)
- Ancient Honey Lantern color palette (#D1EAF1, #FFC372, #B8C3FF, #525D74, #202530)
- Sand Quarry color palette (#FFF1F5, #E5CE96, #CDA379, #9F7C92, #294439)
- Byzantium Terrace color palette (#EBDDFF, #D7B8FF, #9BB604, #943FDD, #293300)
Browse the whole catalog at Explore, or see today's palette.