Jade Harbor color palette — #F8F6E3 · #ADDDAE · #4CBD8E · #6586D0 · #204422
Jade takes the lead with Azure close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F8F6E3): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#ADDDAE): A whisper-light, balanced green — the color of a quiet forest floor.
- Jade (#4CBD8E): A luminous, balanced teal — the color of glacier melt.
- Azure (#6586D0): A luminous, balanced violet — the color of wild irises.
- Forest (#204422): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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
- Teal Coast color palette (#F3F8E0, #98E0C3, #23BDAF, #1098B3, #064633)
- Airy Cerulean Grove color palette (#FFF4DE, #CED592, #8AB462, #1F94C6, #3B3E14)
- Misty Chapel color palette (#FFF4DE, #CED49C, #84B751, #9E76B3, #3B3E00)
- Teal Parlor color palette (#E5E6D7, #9AC6A9, #2EA78B, #656FAF, #242D07)
- Clover Balcony color palette (#F2EBD2, #A5D07C, #4BBD68, #995092, #1E3500)
- Worn Courtyard color palette (#F7F6EC, #DDE1C5, #91C3A7, #B29091, #4E5200)
- Gentle Summit color palette (#FDF4E7, #BDEDFF, #57C2FF, #00A5A8, #004078)
- Olive Basin color palette (#EBE2D5, #ADAC5E, #6C8B31, #6D529F, #1D1C00)
Browse the whole catalog at Explore, or see today's palette.