Hazy Jade Harbor color palette — #ECEAD7 · #68AE77 · #227B8E · #602B39 · #3D0619

Built around Jade, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Parchment (#ECEAD7): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#68AE77): A luminous, balanced green — the color of new leaves after rain.
• Teal (#227B8E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#602B39): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#3D0619): A deep, shadowed, balanced red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Hazy Jade 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

• Teal Study color palette (#D6E5C5, #2FAFA3, #4174A2, #6A2606, #3A1000)
• Sunlit Loft color palette (#FFEAD6, #8FA801, #007576, #633159, #381232)
• Soft Mint color palette (#E5E6D2, #5DC294, #009BA6, #9B4659, #662023)
• Hushed Mint Orchard color palette (#E1FFDC, #5BDBAE, #249EAD, #794C84, #541531)
• Navy Coast color palette (#D9EEE6, #4DA99E, #1D767F, #35488A, #393161)
• Antique Cocoa Boulevard color palette (#DDE6CF, #65B4C3, #8F6E82, #703F01, #34210E)
• Gentle Balcony color palette (#F5E2C2, #7CA435, #006D48, #4E3B00, #0F1A00)
• Worn Emerald Workshop color palette (#D9ECD3, #009F6D, #007269, #003E42, #001F2E)

Browse the whole catalog at Explore, or see today's palette.