Jade Lagoon color palette — #FCF3EF · #C6E9E2 · #8EC6E5 · #5AAC7D · #573D56

A conversation between Jade and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Honeydew (#C6E9E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#8EC6E5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Jade (#5AAC7D): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#573D56): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Jade Lagoon 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

• Lagoon Villa color palette (#FEF3EC, #C8E9D6, #71B7FB, #00A384, #32375C)
• Worn Periwinkle Harbor color palette (#FFF1F4, #E3DAD2, #AAB4C0, #9CA7EC, #5B4140)
• Powdered Mint color palette (#FFF1F2, #E7A5D6, #77CB88, #00B29D, #512B2F)
• Patina Forest color palette (#F6EFF5, #ABE9EE, #5696B6, #326C49, #1D2D41)
• Muted Alley color palette (#EFE4D8, #7BA5CC, #5E69C7, #005D60, #100021)
• Cobalt Courtyard color palette (#FDECE4, #71BDCE, #008BD0, #007050, #06004A)
• Hazy Wisteria Station color palette (#FFF1F3, #EEB6EB, #90D18F, #CF7BCD, #244D25)
• Driftwood Balcony color palette (#FFF2EB, #E6CBAD, #D79D85, #B7707D, #403D36)

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