Jade Harbor color palette — #FFF0FB · #FF9680 · #00B571 · #4F71C2 · #11286D

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

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Melon (#FF9680): A luminous, balanced orange — the color of sun-warmed clay.
• Jade (#00B571): A luminous, balanced teal — the color of glacier melt.
• Sapphire (#4F71C2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#11286D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Indigo Boulevard color palette (#FFF1F7, #FF9B48, #00AEAD, #4F6DCE, #3C1F59)
• Soft Grove color palette (#FCF1FF, #FF8FAE, #66AF2F, #0081A8, #00354E)
• Nightshade Boulevard color palette (#FFF2EE, #FF8196, #009379, #3240B0, #111558)
• Soft Tangerine Basin color palette (#F0DAE5, #F9771B, #00988F, #3E5EA7, #281140)
• Mustard Thicket color palette (#E9FBEB, #EAB445, #37B1C8, #8273A4, #442D4F)
• Weathered Sand Study color palette (#FFE0DC, #EEC98E, #A4B788, #7C88BA, #3B4963)
• Clover Summit color palette (#E7FBEA, #D2D671, #7AB85F, #AB7598, #1C4335)
• Worn Aubergine color palette (#FEE0EA, #CB7900, #008386, #60339A, #1A0034)

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