Jade Pier color palette — #FAF8CD · #00C49A · #00908D · #2F55A9 · #003F35
Built around Jade, softened by Cobalt — the whole palette hums with nature and growth.
The five colors
- Custard (#FAF8CD): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#00C49A): A luminous, balanced teal — the color of sea glass.
- Fern (#00908D): A full-bodied, balanced teal — the color of shallow lagoons.
- Cobalt (#2F55A9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#003F35): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged retro, cool.
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
- Aged Pier color palette (#EFF1D6, #05B9B6, #00869C, #524D84, #1E3723)
- Aged Thicket color palette (#D7FFF6, #00DEB7, #00999A, #304DB2, #002F2A)
- Softworn Clover Parlor color palette (#FFF6CE, #61C247, #009464, #006388, #183F20)
- Ancient Garnet Summit color palette (#FFF2EB, #4BA257, #006D76, #84002C, #00402F)
- Weathered Turquoise Meadow color palette (#F5F7E6, #AAE6F4, #21ABD0, #008287, #00465F)
- Feathered Coast color palette (#DEFFE5, #00BAE1, #0185C9, #773D91, #003B50)
- Tempered Lagoon color palette (#D9EAD4, #009B8C, #0D4F50, #1C2B17, #0D1406)
- Aubergine Thicket color palette (#E3E8CE, #00919F, #006180, #480D7F, #001A20)
Browse the whole catalog at Explore, or see today's palette.