Jade Pier color palette — #DEEFEA · #36AA75 · #007067 · #5A3754 · #002020
Jade takes the lead with Teal close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DEEFEA): a clean, paper-quiet neutral.
- Jade (#36AA75): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007067): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal (#5A3754): A deep, shadowed, dusty pink — the color of a candy shop window.
- Ink (#002020): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Jade Pier 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
- Patina Teal color palette (#D0ECE6, #62B994, #00837E, #724460, #062F31)
- Pine Grove color palette (#D1E7D7, #8B9C44, #24732B, #4B3C64, #002118)
- Patina Navy color palette (#F4F7E8, #6AB397, #006F66, #3A2F70, #000A06)
- Timeworn Garnet Ridge color palette (#D6E8DF, #538955, #005145, #541222, #032206)
- Feathered Mulberry color palette (#EEE8D9, #8FB384, #009478, #9D3F57, #062100)
- Quiet Coast color palette (#F9E8FE, #E43B76, #008586, #990046, #002020)
- Hushed Thicket color palette (#E8FBEA, #B8B97A, #698C56, #6A5C7E, #203C30)
- Hushed Emerald Coast color palette (#D5F4DE, #A0B837, #009129, #654B8B, #2A3206)
Browse the whole catalog at Explore, or see today's palette.