Jade Harbor color palette — #F4E0DD · #98A0FF · #00B47B · #002E2D · #001A1B
A conversation between Jade and Wisteria, giving this palette its sense of creativity and calm.
The five colors
- Shell Pink (#F4E0DD): A whisper-light, dusty orange — the color of autumn markets.
- Wisteria (#98A0FF): A luminous, balanced violet — the color of a velvet chair.
- Jade (#00B47B): A luminous, balanced teal — the color of sea glass.
- Deep Forest (#002E2D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001A1B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Creativity, Calm, Balance. Tagged neon, dark, vibrant, 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
- Wisteria Archive color palette (#FEDBD2, #C889FF, #00AEAD, #0D2933, #00151B)
- Moss Archive color palette (#FCE6F7, #6BADFF, #6CA400, #002B19, #021814)
- Mint Lagoon color palette (#F4EDD0, #5CC1FF, #00CAAB, #004F41, #121D0A)
- Gentle Pier color palette (#F5E7D4, #FD42F8, #00A5B4, #17273A, #04151C)
- Gentle Emerald Meadow color palette (#F2E0FD, #FF9CB5, #00AD59, #003818, #101500)
- Washed Mint Meadow color palette (#FFDDC8, #C4CDFF, #00DDB4, #354752, #263133)
- Cypress Summit color palette (#E7F9FF, #BBD7E9, #8FAAC3, #00676F, #21373E)
- Feathered Ultramarine Workshop color palette (#D8F9FF, #00A595, #0037D9, #00524A, #030F2E)
Browse the whole catalog at Explore, or see today's palette.