Hazy Harbor color palette — #E2F8F0 · #FFD287 · #B9C324 · #43AE7E · #002E27
Gold and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E2F8F0): A whisper-light, dusty teal — the color of sea glass.
- Peach Cream (#FFD287): A whisper-light, balanced gold — the color of honey in a jar.
- Gold (#B9C324): A luminous, vivid green — the color of a quiet forest floor.
- Jade (#43AE7E): A luminous, balanced teal — the color of glacier melt.
- Deep Forest (#002E27): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Quiet Ridge color palette (#E5F8E9, #FFD6BA, #F1B305, #7BA53E, #052719)
- Worn Mint color palette (#E2F7F5, #D0E67D, #71D57F, #00A7A9, #002527)
- Antique Alley color palette (#F9F5E5, #FFC8A9, #BDC04D, #05959D, #3B3C35)
- Muted Pine color palette (#E5F2D3, #82BB75, #008B3F, #005D43, #003338)
- Timeworn Sunflower color palette (#F9F6E1, #FFE39C, #CFD963, #7ABF9A, #414139)
- Misty Clover color palette (#CAFFF6, #CBBA00, #35B90B, #007F76, #001504)
- Celadon Workshop color palette (#E6FBF0, #E5F46A, #D5D8CB, #10CCCA, #063734)
- Dusty Mint color palette (#D5F3F9, #25DC72, #00AD97, #007AA1, #000F0F)
Browse the whole catalog at Explore, or see today's palette.