Hazy Harbor color palette — #FAF7D8 · #68B964 · #007D53 · #495725 · #3A3B34
A conversation between Jade and Teal, giving this palette its sense of nature and growth.
The five colors
- Custard (#FAF7D8): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#68B964): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007D53): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#495725): A full-bodied, dusty green — the color of fresh herbs.
- Charcoal (#3A3B34): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Moss Study color palette (#FFF4DF, #A7AA31, #52761A, #604F17, #3C3D13)
- Patina Fern Pier color palette (#F4F7E5, #6BAA8F, #147267, #4A5000, #293D00)
- Muted Lantern color palette (#F2ECCD, #59A840, #006C40, #004E4A, #18360E)
- Jade Terrace color palette (#E2FCF5, #B5DAB1, #53BE79, #70964D, #274225)
- Lagoon Villa color palette (#E0FDF1, #9CC89A, #309B7C, #686E32, #204420)
- Tempered Chapel color palette (#CCE8DD, #00B2A3, #008887, #005F6B, #004659)
- Weathered Study color palette (#F0E3CE, #837D1D, #3A4C00, #083820, #1E1C00)
- Aged Scarlet color palette (#DEFFE4, #00A7B3, #DD3932, #006971, #691B16)
Browse the whole catalog at Explore, or see today's palette.