Jade Harbor color palette — #F0DDE8 · #FFB298 · #00B772 · #363831 · #1D2016

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

The five colors

• Shell Pink (#F0DDE8): A whisper-light, dusty pink — the color of neon signs at night.
• Melon (#FFB298): A whisper-light, balanced orange — the color of toasted spice.
• Jade (#00B772): A luminous, vivid teal — the color of shallow lagoons.
• Charcoal (#363831): a grounded near-black with real depth.
• Onyx (#1D2016): a grounded near-black with real depth.

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

• Worn Sunflower Delta color palette (#F4DCE4, #EAC500, #00B29C, #2E3F26, #1D241A)
• Patina Villa color palette (#EBE1CC, #FF99A0, #00C4D7, #223D29, #18231B)
• Pale Lime color palette (#FED9E0, #C1ABFF, #8DC200, #36352E, #1C1B0D)
• Weathered Magenta color palette (#FCEAE2, #D949FF, #00A480, #002017, #030701)
• Wandering Cerulean Balcony color palette (#F1F7F3, #D0DCDD, #D8BFD1, #3A8D9F, #343D37)
• Seafoam Quarry color palette (#FFE2DC, #D1D5FF, #00E7C5, #003338, #000E10)
• Ancient Balcony color palette (#FCEAF6, #AAA9FF, #00B4D5, #243149, #132127)
• Tempered Apricot Villa color palette (#E9F1E8, #E3A481, #007271, #003E3E, #0E190D)

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