Jade Harbor color palette — #E4E9F6 · #7EB06B · #3E3F78 · #111A37 · #020411

Jade takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#E4E9F6): bright and airy, almost weightless.
• Jade (#7EB06B): A luminous, balanced green — the color of new leaves after rain.
• Navy (#3E3F78): A deep, shadowed, balanced violet — the color of wild irises.
• Midnight (#111A37): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#020411): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Softworn Drift color palette (#EAE6F8, #98AA51, #642D65, #2C0E2D, #06040C)
• Wandering Amber Garden color palette (#E1EAF7, #C99549, #244381, #0B1C34, #02050D)
• Denim Canyon color palette (#FEE7F2, #D1B06A, #65569C, #362F52, #220F19)
• Olive Canyon color palette (#DCE1F3, #528A00, #291565, #080024, #00000A)
• Worn Garnet color palette (#EFDFF1, #9C9000, #6D0029, #2A000B, #040005)
• Weathered Loft color palette (#F2F0FA, #E0D1D9, #BFB2BE, #7D5381, #211E2B)
• Aged Pewter color palette (#FFF1F5, #FFBDB2, #70558B, #3D1B29, #0B0104)
• Olive Quarry color palette (#DEDFF5, #5E7100, #2D0049, #250F1C, #05000D)

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