Celadon Basin color palette — #E7F9FD · #D8FFB9 · #81E7D9 · #9EB7EC · #334A56

Custard and Lagoon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7F9FD): bright and airy, almost weightless.
• Custard (#D8FFB9): A whisper-light, balanced green — the color of new leaves after rain.
• Lagoon (#81E7D9): A whisper-light, balanced teal — the color of glacier melt.
• Sky (#9EB7EC): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#334A56): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

One click turns Celadon Basin 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

• Washed Glacier Villa color palette (#EEF9EC, #D8DCFF, #A7EDEA, #C0C5E4, #2E4832)
• Glacier Canyon color palette (#D4FFFE, #A9D9EB, #A1ACC0, #8B7884, #604C5A)
• Glacier Orchard color palette (#EEF6FF, #3FFCFA, #AFCCFF, #CD95C8, #2E3B57)
• Glacier Hollow color palette (#CDFBFF, #67E0ED, #53ADD4, #547A9D, #46526A)
• Tempered Powder Coast color palette (#EDF6FF, #8CCCFF, #E69C84, #6092BA, #5F4256)
• Soft Seafoam color palette (#EDF6FF, #1BF2C2, #3ECDFD, #C182CD, #142E4B)
• Airy Chartreuse color palette (#EAF8FF, #57FB6F, #00D8E8, #AA86FD, #183B5D)
• Weathered Ash color palette (#FBF2F7, #B9DBC1, #75A898, #658489, #455147)

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