Sunlit Jade Harbor color palette — #F4F8E6 · #A1ECC3 · #00AB84 · #307D42 · #003822
Built around Jade, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F8E6): A whisper-light, dusty green — the color of new leaves after rain.
- Mint (#A1ECC3): A whisper-light, balanced teal — the color of shallow lagoons.
- Jade (#00AB84): A luminous, balanced teal — the color of glacier melt.
- Olive (#307D42): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#003822): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Sunlit 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
- Sunlit Grove color palette (#F9F6E4, #CAE3AC, #69A452, #677224, #243505)
- Sunlit Terrace color palette (#F2F9DD, #80D8B0, #009378, #006663, #002617)
- Hazy Jade Grove color palette (#DDFDFA, #3EBD84, #007C60, #315C3A, #14452E)
- Teal Ridge color palette (#F7F7E0, #95E2B8, #00BEB0, #78935E, #393C35)
- Lagoon Balcony color palette (#E1E4CC, #5F9E71, #005C3E, #00332C, #000200)
- Pine Garden color palette (#FAF6DE, #91AC77, #217305, #00482A, #040A00)
- Worn Atelier color palette (#E9F8FF, #01BFF4, #A385FF, #009F69, #002633)
- Sky Ridge color palette (#F5F6ED, #D4D7E7, #2DBFED, #00868F, #003A52)
Browse the whole catalog at Explore, or see today's palette.