Gentle Mustard color palette — #FFF2F0 · #DDD5FF · #FFB5C6 · #E2AE00 · #4D1716
Built around Saffron, softened by Ballet Pink — the whole palette hums with optimism and softness.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Thistle (#DDD5FF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ballet Pink (#FFB5C6): A whisper-light, balanced red — the color of embers at dusk.
- Saffron (#E2AE00): A luminous, balanced gold — the color of afternoon light on wheat.
- Espresso (#4D1716): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Softness, Clarity. Tagged candy, vibrant, light.
Use it as a design system
One click turns Gentle 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
- Muted Mustard Loft color palette (#FFF2EC, #EFD0D1, #DDC542, #B3BCA5, #5B321F)
- Misty Mallow color palette (#FFF1F3, #CFDFFF, #FFA7F6, #FF986D, #491C2A)
- Gentle Lime color palette (#FFF3E9, #FFC0DC, #FFAC8A, #94BF00, #3B2000)
- Dusty Veranda color palette (#FFF2EE, #E7D1CB, #ABA791, #F08727, #331409)
- Sunflower Corridor color palette (#FDEED2, #FFC5BC, #E5C500, #00C9A2, #222500)
- Tangerine Boulevard color palette (#FCF0FF, #FFC3ED, #FFA0B6, #EB6A00, #481E1F)
- Antique Blush color palette (#FBD7CF, #CAACFF, #FF858D, #AD9800, #360700)
- Pale Clover color palette (#FFF3E3, #F7D5C6, #FFCA5A, #00DB63, #343500)
Browse the whole catalog at Explore, or see today's palette.