Jade Harbor color palette — #FBF3ED · #EAB08A · #74B57C · #8D87C1 · #36302B

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

The five colors

• Ivory (#FBF3ED): a clean, paper-quiet neutral.
• Sand (#EAB08A): A luminous, balanced gold — the color of old brass.
• Jade (#74B57C): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#8D87C1): A luminous, balanced violet — the color of twilight just after sunset.
• Espresso (#36302B): a grounded near-black with real depth.

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

• Weathered Teal Thicket color palette (#FEF3EC, #EDAA93, #00B9AF, #AB7798, #362F2B)
• Worn Taupe color palette (#FDF2F1, #EFA6BD, #A6A953, #6390B9, #422F2D)
• Apricot Boulevard color palette (#FEF3EB, #FA9C64, #4BA4A0, #506893, #2E201F)
• Mint Lagoon color palette (#F5F7E7, #8FCA78, #00ADA9, #AE6495, #2C2D15)
• Aged Clover color palette (#FFF4E0, #D3A500, #1FBF6A, #8F49B6, #2B1F00)
• Weathered Stone color palette (#FAF4EF, #DADCD3, #D5AB90, #A8B7B1, #57514C)
• Marigold Canyon color palette (#FEF4E4, #CB9917, #00A2B0, #A9568D, #2B1F0B)
• Aged Mustard color palette (#FFF2EE, #FFD3BA, #CFB663, #819E59, #0C5339)

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