Hazy Mustard Harbor color palette — #FFF1F1 · #F7B3DE · #F5AE2A · #D77AB8 · #46423B
Built around Saffron, softened by Bubblegum — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Carnation (#F7B3DE): A whisper-light, balanced pink — the color of neon signs at night.
- Saffron (#F5AE2A): A luminous, balanced gold — the color of old brass.
- Bubblegum (#D77AB8): A luminous, balanced pink — the color of a candy shop window.
- Charcoal (#46423B): quiet, heavy and certain.
Feels like: Optimism, Creativity, Balance. Tagged light.
Use it as a design system
One click turns Hazy Mustard Harbor 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
- Powdered Lilac Villa color palette (#FFF1F6, #D8BDFF, #FFA283, #B088E4, #48413D)
- Misty Veranda color palette (#FFF2EE, #FFB4BE, #A9B9FF, #E27A8B, #56364E)
- Weathered Parlor color palette (#FFF1F1, #E4D7CD, #C9A2C5, #ACAD94, #614845)
- Muted Ember color palette (#FFEADC, #FFA57C, #C994FF, #E76315, #3E2B51)
- Mallow Basin color palette (#F5F3FF, #FABAFF, #7BD09E, #AA73AE, #094141)
- Apricot Basin color palette (#FFF2EA, #EEC8AA, #DA9C7D, #AF7969, #593300)
- Wandering Sunflower color palette (#DDF0DB, #F8CA1C, #FFAFA8, #655D5A, #332B28)
- Coral Meadow color palette (#FFF2ED, #FFC99C, #CF787A, #835454, #2C1E19)
Browse the whole catalog at Explore, or see today's palette.