Jade Harbor color palette — #F2F7ED · #B6F6DB · #E3B9F9 · #3BB189 · #5E3A45
Jade takes the lead with Lavender close behind in a set that reads as creativity and softness at first glance.
The five colors
- Ivory (#F2F7ED): a clean, paper-quiet neutral.
- Mint (#B6F6DB): A whisper-light, dusty teal — the color of glacier melt.
- Lavender (#E3B9F9): A whisper-light, balanced violet — the color of wild irises.
- Jade (#3BB189): A luminous, balanced teal — the color of glacier melt.
- Cocoa (#5E3A45): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Creativity, Softness, Clarity. Tagged light, muted.
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 Study color palette (#F7F6E9, #DDEDBA, #E9B9EB, #8EA554, #583A59)
- Ancient Teal Alley color palette (#EEF9ED, #B1F5EF, #FBB9AD, #00B1A9, #643932)
- Tempered Hollow color palette (#F4F7E4, #C7E9DD, #D8C7BB, #A5C59B, #475340)
- Cerulean Quarry color palette (#F0F7F2, #D9D6CB, #58909A, #2C4F38, #111F16)
- Feathered Ridge color palette (#EAFAF1, #8BE3FF, #FF9C87, #0099BB, #5B261B)
- Softworn Archive color palette (#F0F4E6, #82C692, #BD89AF, #4E7F5A, #45282A)
- Antique Terrace color palette (#F0F8E9, #94DDC5, #D4AAD9, #C08DC6, #313D25)
- Tempered Blush color palette (#EBFCDD, #39F7CA, #EF6CA7, #009476, #570532)
Browse the whole catalog at Explore, or see today's palette.