Jade Lagoon color palette — #F8F3F9 · #D2D6EA · #93D2E6 · #7EB17C · #3C556E

Jade takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Silver (#D2D6EA): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#93D2E6): A whisper-light, dusty blue — the color of open sky before noon.
• Jade (#7EB17C): A luminous, balanced green — the color of fresh herbs.
• Peacock (#3C556E): A full-bodied, 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 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

• Patina Atelier color palette (#F8F5EF, #CCE7DE, #96BC9E, #4E9779, #345242)
• Feathered Boulevard color palette (#FEF1FA, #AFF1FF, #63C0FF, #00AA7A, #28397A)
• Antique Villa color palette (#E6F9FF, #A6E1F6, #7ABAED, #7D90DA, #454B69)
• Marigold Canyon color palette (#F3F4FF, #CDBEED, #EFAA96, #DCA254, #3F4154)
• Cobalt Lantern color palette (#F4EBF2, #7ABCC7, #008DC8, #00714A, #020447)
• Weathered Ash color palette (#F9EFED, #C5ECE0, #6AA6B9, #547553, #243B36)
• Tempered Sky color palette (#EDF6FF, #B2DBFA, #E1C37F, #4AB1F7, #5C4B20)
• Muted Taupe Corridor color palette (#FFF0F9, #EDD1D9, #CDAAC0, #B4828C, #374E40)

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