Mustard Harbor color palette — #F3DAE1 · #C1AAFF · #B2AE00 · #253F1E · #2B2306
Gold and Lavender set the tone — five colors that lean into nature and growth.
The five colors
- Shell Pink (#F3DAE1): A whisper-light, dusty rose — the color of strawberry cream.
- Lavender (#C1AAFF): A luminous, balanced violet — the color of a velvet chair.
- Gold (#B2AE00): A luminous, balanced green — the color of a quiet forest floor.
- Forest (#253F1E): A deep, shadowed, dusty green — the color of fresh herbs.
- Onyx (#2B2306): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns 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
- Hushed Mustard Atelier color palette (#EBDFED, #64C6FF, #C0A800, #2D3D1B, #2C230D)
- Linen Moss Drift color palette (#F6D8E0, #E6ABFF, #34AD00, #173216, #1A1B11)
- Softworn Studio color palette (#F6DAD4, #A3C8FF, #F2B100, #604C26, #18241A)
- Airy Veranda color palette (#F2D7DD, #A0B0FF, #748E00, #082915, #131000)
- Wandering Mint Studio color palette (#FFE5E9, #DEADFF, #00D09F, #244232, #23291C)
- Patina Clover Coast color palette (#D8E0F1, #0ED9F0, #00D773, #144226, #23261B)
- Ancient Cypress color palette (#F2F7EE, #CDDED9, #A6C4B5, #007D5F, #304904)
- Weathered Courtyard color palette (#FFE4D0, #00C9C4, #29C023, #032802, #01100E)
Browse the whole catalog at Explore, or see today's palette.