Jade Harbor color palette — #EBF8CD · #8AE5B0 · #00BD83 · #158648 · #002D14
Built around Jade, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Custard (#EBF8CD): A whisper-light, dusty green — the color of a quiet forest floor.
- Lagoon (#8AE5B0): A whisper-light, balanced teal — the color of sea glass.
- Jade (#00BD83): A luminous, balanced teal — the color of sea glass.
- Fern (#158648): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#002D14): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged monochrome.
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
- Softworn Teal color palette (#DDFDDF, #5CE7DA, #00BBAE, #00867E, #002C2A)
- Emerald Workshop color palette (#D2FFE4, #6FCF99, #009E64, #005E3D, #002C1A)
- Linen Station color palette (#F8F3C5, #C0DC82, #88B12A, #50821A, #182500)
- Pine Archive color palette (#CDFFDB, #5EBB90, #007844, #003D1E, #00140A)
- Linen Wisteria color palette (#F1F7ED, #6BE3C3, #C381ED, #00AF8F, #261018)
- Weathered Jade Field color palette (#D3F7E7, #00C68F, #009A82, #00684B, #000C06)
- Washed Teal Corridor color palette (#C4E7E2, #00B2A6, #008582, #004E48, #000303)
- Pale Clover Pier color palette (#EEF2D8, #62C663, #DB8A3E, #B47112, #262911)
Browse the whole catalog at Explore, or see today's palette.