Celadon Loft color palette — #E8F8FF · #AEFEC2 · #86EFFF · #B1B6FF · #22435A

Mint and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Mint (#AEFEC2): A whisper-light, balanced teal — the color of shallow lagoons.
• Ice Blue (#86EFFF): A whisper-light, balanced blue — the color of deep harbor water.
• Lavender (#B1B6FF): A luminous, balanced violet — the color of wild irises.
• Navy (#22435A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Softness. Tagged candy, vibrant, light, pastel.

Use it as a design system

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

• Mallow Workshop color palette (#ECF7FF, #B7FFEB, #AADDFF, #E8A9E4, #303E58)
• Quiet Ridge color palette (#E8F9FC, #E9F589, #36F8CD, #99C1FF, #1B4454)
• Hushed Atelier color palette (#D5FFFF, #BEDFF2, #ACB0DC, #849A86, #455446)
• Feathered Periwinkle Harbor color palette (#EAFAEF, #93FFE8, #4CDBFD, #5FA2ED, #214736)
• Frosted Periwinkle Harbor color palette (#C1F1FD, #67D9FA, #62AEFF, #7184CC, #444867)
• Faded Balcony color palette (#EBF7FF, #53FECB, #8ED7FF, #CF7EFC, #04215C)
• Chalky Blush color palette (#EFF3FF, #66E8FF, #A6BEFF, #FC78B8, #2A1A46)
• Aged Aqua color palette (#F9F3FA, #CCE4FA, #64CEEA, #7BA575, #314A61)

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