Jade Pier color palette — #FBF2F8 · #CDE5FA · #66CEE4 · #60AB7C · #2D4B61

Jade and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Frost (#CDE5FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#66CEE4): A luminous, balanced blue — the color of open sky before noon.
• Jade (#60AB7C): A luminous, balanced teal — the color of sea glass.
• Charcoal (#2D4B61): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged coastal, cool, light, 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

• Hushed Powder color palette (#FAF3F7, #D8D4E3, #9CCCF7, #70B0A9, #495364)
• Timeworn Lagoon color palette (#F5F6EF, #C2E6DA, #56B6BA, #348B7A, #334F3B)
• Misty Basin color palette (#EEF6FF, #8EC2FF, #EFA147, #B1A75C, #27394E)
• Powder Lantern color palette (#FFF1F5, #CEE8FF, #94B4FF, #00A3B4, #3E366C)
• Sky Orchard color palette (#FFF0FB, #8EEAFD, #1EB8FA, #009A82, #0A3263)
• Ancient Station color palette (#F7EAEF, #69A9CD, #0070DF, #005D5F, #06002B)
• Washed Coast color palette (#F8EAF4, #73BEC4, #0091B4, #007050, #001527)
• Linen Periwinkle Courtyard color palette (#CFEFFF, #7AD5FF, #5AB0FF, #6887C8, #3F4765)

Browse the whole catalog at Explore, or see today's palette.