Jade Pier color palette — #F0F9E8 · #8CE0C2 · #FF9ABB · #00BA90 · #5E3631
A conversation between Jade and Ballet Pink, giving this palette its sense of balance.
The five colors
- Ivory (#F0F9E8): A whisper-light, dusty green — the color of fresh herbs.
- Lagoon (#8CE0C2): A whisper-light, balanced teal — the color of shallow lagoons.
- Ballet Pink (#FF9ABB): A luminous, balanced rose — the color of pressed rose petals.
- Jade (#00BA90): A luminous, balanced teal — the color of sea glass.
- Cocoa (#5E3631): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Balance. Tagged light.
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
- Feathered Jade color palette (#F4F7E6, #A2DDA5, #E0A3F2, #60B567, #5C353F)
- Powdered Turquoise Studio color palette (#EAFAED, #7DDDEA, #FFA098, #08B3C4, #623330)
- Timeworn Lagoon color palette (#E5FAFC, #56D0B2, #EE77AA, #00967B, #5E3244)
- Seafoam Lagoon color palette (#F6DAC0, #FFB8D0, #00E7C3, #505D48, #282F24)
- Hazy Seafoam Meadow color palette (#EDFBDE, #69F1C0, #ED9F76, #E7787F, #363933)
- Ember Grove color palette (#D7ECCD, #39E6CB, #E96445, #009E8A, #570F00)
- Muted Apricot Study color palette (#E3FDEB, #86EBFF, #E38C00, #00AAC2, #553100)
- Teal Villa color palette (#E3F6F8, #50B9A0, #B87694, #007662, #41152C)
Browse the whole catalog at Explore, or see today's palette.