Hazy Harbor color palette — #F6DCEE · #AD0094 · #006E32 · #00574C · #14000F
Magenta Rose and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F6DCEE): A whisper-light, dusty pink — the color of peonies in June.
- Magenta Rose (#AD0094): A full-bodied, vivid pink — the color of peonies in June.
- Pine (#006E32): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00574C): A full-bodied, dusty teal — the color of sea glass.
- Ink (#14000F): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Hazy 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
- Plum Station color palette (#F2E2EA, #B11284, #625A00, #004A5F, #040002)
- Antique Meadow color palette (#E4DBE6, #B12CD4, #00593E, #315500, #110017)
- Wandering Basin color palette (#FFE6E2, #BB005B, #006A5A, #00536A, #160006)
- Magenta Meadow color palette (#F8E6F3, #D010B7, #00886F, #006972, #140010)
- Misty Grape Veranda color palette (#E7E1FC, #7925E2, #5F5F00, #005842, #0B0020)
- Aged Courtyard color palette (#F3DDE6, #8A0058, #633100, #2F0C7F, #15000A)
- Quiet Lantern color palette (#F4DBEB, #FF44D4, #007D8D, #008344, #3D0F31)
- Linen Field color palette (#F8D8C8, #C35E17, #007492, #1D38BE, #220A00)
Browse the whole catalog at Explore, or see today's palette.