Jade Harbor color palette — #E8E2C3 · #6DBC70 · #008C76 · #4B3A00 · #0D1E00

Jade and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E8E2C3): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#6DBC70): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#008C76): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#4B3A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0D1E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.

Use it as a design system

One click turns 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 Meadow color palette (#ECF0E2, #55BDA2, #008991, #394600, #002115)
• Washed Studio color palette (#EAE1D4, #A9AB56, #479435, #5C2E00, #1F1800)
• Wandering Jade Dune color palette (#F1EAD2, #5EB267, #00828F, #5A2E00, #040500)
• Dusty Mint Study color palette (#D4E2D9, #64C57B, #00AAC0, #934107, #121700)
• Pale Olive color palette (#DBF5ED, #5FBFC1, #5CB87E, #7A7E00, #0A1A00)
• Timeworn Seafoam Study color palette (#F9F8D1, #86E8A0, #00C0B3, #716C00, #1B4820)
• Sky Pier color palette (#EAFBE5, #C1E8C9, #6ABAEF, #31784F, #304430)
• Cypress Basin color palette (#DFE6D6, #007B5A, #003656, #002F20, #000205)

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