Mustard Pier color palette — #F5D4FB · #AFCBFF · #EFB300 · #1F4A43 · #273028
Built around Saffron, softened by Lilac Frost — the whole palette hums with optimism and balance.
The five colors
- Thistle (#F5D4FB): A whisper-light, dusty pink — the color of neon signs at night.
- Lilac Frost (#AFCBFF): A whisper-light, dusty violet — the color of wild irises.
- Saffron (#EFB300): A luminous, vivid gold — the color of old brass.
- Forest (#1F4A43): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#273028): a grounded near-black with real depth.
Feels like: Optimism, Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns Mustard Pier 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
- Patina Sunflower Corridor color palette (#FFD7EF, #BCDBFF, #D4D24A, #3C564B, #2A3530)
- Timeworn Marigold color palette (#E8DDFF, #A8CEFF, #FFA83B, #5C3D48, #2F2327)
- Hazy Delta color palette (#FFDEE3, #BAB8FF, #8CCB00, #30450E, #0D2C26)
- Muted Basin color palette (#F6DBF7, #92ADFF, #BAA600, #302A00, #011D10)
- Tempered Mustard Parlor color palette (#FFEBE7, #00E4B9, #BEB700, #3E413A, #2E2B22)
- Tempered Hollow color palette (#CDF7FF, #E9D8DA, #FFD59A, #3F3A34, #1C150C)
- Softworn Seafoam Workshop color palette (#D4EBFF, #31EBBA, #FFA28B, #503349, #2B2028)
- Muted Chartreuse color palette (#DDE7F7, #15EBF2, #8FE14E, #47645E, #232B29)
Browse the whole catalog at Explore, or see today's palette.