Jade Harbor color palette — #F3F7EB · #3ABD76 · #006C9D · #006739 · #00241A
Built around Jade, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Ivory (#F3F7EB): bright and airy, almost weightless.
- Jade (#3ABD76): A luminous, balanced teal — the color of sea glass.
- Peacock (#006C9D): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006739): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#00241A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Moss Archive color palette (#F7F6E9, #91AF40, #007375, #4A5F00, #102211)
- Washed Veranda color palette (#E8EDE3, #00A076, #005675, #004E37, #00120A)
- Indigo Hollow color palette (#F1F7F1, #48C3C8, #6360C0, #006D71, #2D1F28)
- Mulberry Bloom color palette (#FFF4E2, #00A292, #006B85, #7F004D, #003E40)
- Linen Lapis Dune color palette (#F3F3E4, #81BC30, #5057D8, #426800, #140210)
- Misty Teal Archive color palette (#A7FFDD, #00BBB4, #007A8A, #005369, #00395F)
- Weathered Lime Ridge color palette (#E9F9F6, #80D549, #0687EE, #468C00, #0E1E2E)
- Antique Cypress color palette (#F3F6F0, #C9E1DA, #A3C6B0, #007C68, #3B4336)
Browse the whole catalog at Explore, or see today's palette.