Celadon Grove color palette — #ECF8F5 · #CDE9AC · #9EB7EC · #9CB57E · #282E37

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

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Celadon Mist (#CDE9AC): A whisper-light, balanced green — the color of a quiet forest floor.
• Sky (#9EB7EC): A luminous, balanced violet — the color of twilight just after sunset.
• Sage (#9CB57E): A luminous, balanced green — the color of fresh herbs.
• Onyx (#282E37): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, light, muted.

Use it as a design system

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

• Teal Loft color palette (#EDF7F8, #A2F0DA, #CCA7DA, #6CBDA7, #2D2C3A)
• Patina Sand color palette (#F0F8F0, #FFD799, #6DC7D8, #C4A677, #203037)
• Turquoise Field color palette (#F4F6EE, #A2E4AF, #3FACBF, #629C6E, #243228)
• Softworn Mint color palette (#E7FAF9, #74CDA1, #C68FB7, #A77C9B, #3B2E37)
• Pale Chartreuse color palette (#E7FAF7, #72EE87, #87A0FF, #4BB45E, #121C31)
• Hushed Lagoon color palette (#FFEFFF, #94E5BC, #77B7DF, #AD7D7F, #374C50)
• Misty Seafoam color palette (#D8FFF5, #9FEEC5, #75CCD0, #5F93B7, #3E4376)
• Patina Olive Veranda color palette (#F2F2EC, #B0CDA6, #6384B5, #4C8236, #1C121C)

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