Jade Harbor color palette — #E5FAF9 · #6CB17F · #4F98C2 · #566DA1 · #113A38
A conversation between Jade and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E5FAF9): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#6CB17F): A luminous, balanced teal — the color of sea glass.
- Cerulean (#4F98C2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#566DA1): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Forest (#113A38): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged muted, 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
- Dusty Garden color palette (#E3FCF1, #9EA557, #3AA19F, #2E7895, #193A2E)
- Teal Parlor color palette (#E0FBFD, #57B392, #6393C7, #836B34, #18393B)
- Washed Atelier color palette (#DBFEF5, #5EC7AE, #26989A, #506192, #18444C)
- Pewter Station color palette (#E8F8FF, #46AFC0, #8E86C1, #8A5A90, #1C3742)
- Quiet Bloom color palette (#E4FBF4, #718C4D, #516FAF, #852E5A, #193A32)
- Tempered Coast color palette (#DBF3FF, #00A0BE, #8971B7, #4B6C2D, #0B2A38)
- Faded Amber color palette (#E9FBEB, #C5962D, #54A17F, #9C566A, #223926)
- Antique Emerald color palette (#EBF8F7, #9ED3AC, #00A4A4, #38955A, #0F282E)
Browse the whole catalog at Explore, or see today's palette.