Jade Harbor color palette — #F4F7EB · #6AA978 · #80638E · #7D411E · #403C36

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

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Jade (#6AA978): A luminous, balanced teal — the color of glacier melt.
• Slate (#80638E): A full-bodied, dusty violet — the color of twilight just after sunset.
• Bronze (#7D411E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#403C36): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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

• Taupe Ridge color palette (#F9F5E8, #989E52, #656B9F, #75424B, #5B3830)
• Wandering Delta color palette (#EFF8EC, #34AD9C, #985977, #58524D, #3E3D36)
• Aqua Corridor color palette (#EFF8EF, #75C1BF, #6792B2, #68628E, #2F4B2A)
• Petrol Workshop color palette (#E7F4F9, #5AABB3, #5074A0, #55416E, #002E2E)
• Mulberry Basin color palette (#EEFBDE, #009468, #901391, #5C3500, #322A00)
• Ash Studio color palette (#FBF3EE, #C6ECEB, #7C9CC3, #607654, #604B58)
• Terracotta Boulevard color palette (#E3F9E5, #00878E, #92282B, #523300, #2A2600)
• Driftwood Chapel color palette (#ECF8F5, #B4D29D, #85ADDA, #B96E78, #454519)

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