Jade Harbor color palette — #F9D6E7 · #B8BB70 · #0EAB7F · #7B1E38 · #020100

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

The five colors

• Shell Pink (#F9D6E7): A whisper-light, dusty rose — the color of strawberry cream.
• Sage (#B8BB70): A luminous, balanced green — the color of a quiet forest floor.
• Jade (#0EAB7F): A luminous, balanced teal — the color of shallow lagoons.
• Oxblood (#7B1E38): A deep, shadowed, balanced red — the color of a theater curtain.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged pastel, light.

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 Garnet color palette (#D9EEDC, #B9C37E, #00A091, #751A00, #020100)
• Tempered Parlor color palette (#F5D2F0, #F2A960, #61AB0E, #6A2259, #040000)
• Ancient Corridor color palette (#FAE9D7, #A79A5D, #49804B, #5C0E00, #0E0A00)
• Sunlit Studio color palette (#F7E7D5, #C8AA02, #78AC42, #975632, #160F00)
• Azure Courtyard color palette (#D6FFEF, #8EDAB7, #00B0E5, #694700, #000E04)
• Patina Fern Villa color palette (#D5E3D7, #A08930, #626800, #3E2400, #050300)
• Bronze Station color palette (#FDD9E6, #8B6F04, #593000, #2B0001, #000201)
• Ancient Turquoise Balcony color palette (#F6FACB, #A8F3B9, #00C5D7, #A15400, #001713)

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