Jade Harbor color palette — #FDECD2 · #ACC672 · #00B27D · #7865B4 · #30312A
Built around Jade, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Cream (#FDECD2): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#ACC672): A luminous, balanced green — the color of a quiet forest floor.
- Jade (#00B27D): A luminous, balanced teal — the color of sea glass.
- Slate (#7865B4): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#30312A): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro.
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
- Misty Atelier color palette (#FDECD2, #7AD09A, #00ADAD, #945C98, #283519)
- Softworn Mustard Field color palette (#FEECD0, #DDB635, #7AA74B, #4672C0, #32302A)
- Misty Meadow color palette (#F4F3DE, #93C35C, #00A3C6, #8A54AB, #4C1902)
- Tempered Turquoise color palette (#E9E8CC, #BEC8A8, #71BBBC, #917CA6, #603E3D)
- Ancient Courtyard color palette (#FFE9E1, #B8A12D, #008C71, #7B3774, #31312A)
- Weathered Veranda color palette (#EFF3DE, #57B359, #3A6D5B, #3C4100, #0E0E07)
- Faded Aubergine color palette (#F4E2C6, #68AE2B, #008A71, #6C2EA4, #001D06)
- Hushed Jade color palette (#FAF5E9, #C5D19B, #78B35B, #9C803A, #37362F)
Browse the whole catalog at Explore, or see today's palette.