Vanilla Harbor color palette — #F7F6CF · #D6DCBA · #B4C0A3 · #759787 · #3C574F
Custard and Celadon Mist set the tone — five colors that lean into sophistication and softness.
The five colors
- Custard (#F7F6CF): A whisper-light, dusty green — the color of a quiet forest floor.
- Celadon Mist (#D6DCBA): A whisper-light, dusty green — the color of fresh herbs.
- Stone (#B4C0A3): A luminous, dusty green — the color of new leaves after rain.
- Eucalyptus (#759787): A luminous, dusty teal — the color of sea glass.
- Charcoal Brown (#3C574F): A full-bodied, dusty teal — the color of sea glass.
Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Vanilla 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
- Muted Lichen Boulevard color palette (#EFFADD, #C4E1D3, #A5C7BE, #A596A4, #5D4D58)
- Taupe Harbor color palette (#FFF2E0, #C8C4A6, #94A484, #8F6F70, #654547)
- Weathered Fern color palette (#F4F7E7, #CEDBB4, #80BBA3, #999073, #3A4A00)
- Antique Teal color palette (#F5F6EE, #C4E5DF, #80CADE, #50A8A8, #2D5040)
- Jade Meadow color palette (#D6ECC0, #ABDB9B, #7ABB78, #539E6C, #23533A)
- Muted Lagoon Pier color palette (#DCF9F2, #84BEBA, #599A85, #40627A, #2B3A4C)
- Hazy Apricot Alley color palette (#F4F8E2, #A8DBAB, #FAA77A, #70B175, #5C3824)
- Muted Onyx color palette (#CEE8DC, #4C9488, #36777D, #364871, #110A35)
Browse the whole catalog at Explore, or see today's palette.