Jade Lagoon color palette — #FAF4F0 · #C8E6DD · #7ACBE0 · #5DAB7F · #224C66

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C8E6DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#7ACBE0): A luminous, balanced blue — the color of open sky before noon.
• Jade (#5DAB7F): A luminous, balanced teal — the color of glacier melt.
• Peacock (#224C66): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Teal color palette (#FCF3EE, #C5E8E6, #8FC4F0, #04AFA3, #5A3C56)
• Timeworn Aqua Atelier color palette (#F5F6EF, #BEDFE4, #37D1DE, #3A9385, #274733)
• Linen Sky Canyon color palette (#FFF2EC, #A8E5F6, #36B6FD, #009987, #092E6D)
• Quiet Cobalt color palette (#F8EBE0, #74A7C9, #3D71C9, #005C62, #08002A)
• Tempered Cerulean color palette (#F7EFF4, #B6E6F3, #3F9BB0, #306C4B, #142F42)
• Cerulean Cabin color palette (#E9DDD7, #82BBC3, #0090BA, #007056, #00152A)
• Pale Amber color palette (#FFF3E4, #EEC489, #9CBDFF, #D38F00, #2C416D)
• Hazy Lilac Villa color palette (#FFF4DE, #D4BD6C, #75BCF5, #959AF7, #3B3831)

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