Jade Harbor color palette — #D8EFE0 · #04C198 · #00877B · #005657 · #00373E

Built around Jade, softened by Teal — the whole palette hums with calm and balance.

The five colors

• Honeydew (#D8EFE0): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#04C198): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00877B): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005657): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#00373E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Calm, 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

• Soft Villa color palette (#E3FFD7, #70F7C0, #23BDA4, #117C87, #1B4B3C)
• Turquoise Grove color palette (#CAEBE7, #00C3CE, #008096, #005C76, #09392D)
• Aqua Pier color palette (#D7FDDD, #2ECFD9, #00858F, #004E52, #001A1D)
• Chalky Pine color palette (#D9E9B4, #81C06B, #3A9049, #095F43, #203110)
• Antique Pier color palette (#E6F8E3, #15BBB3, #C4717E, #00746F, #401820)
• Azure Orchard color palette (#D5EBEF, #00AAD8, #0076AE, #00467E, #0D2053)
• Hushed Petal color palette (#E6F8E5, #B1E7E2, #DFBEE1, #6F8361, #233429)
• Pale Station color palette (#E0FAE0, #00A1A3, #9A69AD, #886328, #122313)

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