Jade Pier color palette — #FFF0FB · #C4EBFF · #6CBEFF · #00AA81 · #313B6E
A conversation between Jade and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Frost (#C4EBFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#6CBEFF): A luminous, balanced blue — the color of open sky before noon.
- Jade (#00AA81): A luminous, balanced teal — the color of shallow lagoons.
- Navy (#313B6E): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Quiet Periwinkle Chapel color palette (#FAE9F2, #B2D9F1, #68A8F3, #00937E, #28255B)
- Teal Atelier color palette (#FBF2F6, #D9D4E2, #BEBBE0, #6BB1A9, #4C5166)
- Patina Jade color palette (#FFE2EE, #FFB4D5, #00C7C2, #00B175, #4E1B35)
- Hazy Balcony color palette (#F6E3E9, #75A7CB, #526DC8, #005D5C, #0E0023)
- Hushed Study color palette (#F3E1E6, #95C5F1, #7887EE, #007C81, #2A0B46)
- Cobalt Study color palette (#FCEFE8, #A3DAE9, #0089D5, #00654B, #19204A)
- Worn Magenta color palette (#F6F3FF, #FDC2FE, #04D6AF, #BB50BF, #004637)
- Muted Grove color palette (#F5F3FF, #EADBD3, #FFCB84, #A89DE9, #56405D)
Browse the whole catalog at Explore, or see today's palette.