Celadon Grove color palette — #DBF57E · #52FDEF · #DF85CC · #775255 · #312324

A conversation between Butter and Bubblegum, giving this palette its sense of nature and growth.

The five colors

• Butter (#DBF57E): A whisper-light, balanced green — the color of fresh herbs.
• Sea Foam (#52FDEF): A whisper-light, balanced teal — the color of shallow lagoons.
• Bubblegum (#DF85CC): A luminous, balanced pink — the color of a candy shop window.
• Coffee (#775255): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#312324): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant.

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

• Fuchsia Atelier color palette (#A5FFBC, #53E7D3, #E18BE7, #684B6A, #352729)
• Muted Basin color palette (#FEF2F2, #D1DCAA, #BE7DA4, #7D546C, #2C1D1E)
• Aged Ridge color palette (#DDF0F2, #2AF0C5, #FFA9CB, #754F4B, #362523)
• Honey Drift color palette (#CBE6D6, #FFC36F, #D2B8FF, #71515E, #36282E)
• Mallow Field color palette (#E5E7D7, #FFB985, #FF9BB6, #513C58, #2A242B)
• Peony Cabin color palette (#D9E9DF, #4BCEFF, #E65FA9, #751950, #2D1111)
• Timeworn Taupe color palette (#FBF3F1, #DDDAD3, #99B2B4, #DA9894, #51443F)
• Hushed Ember color palette (#D1EFEC, #83BBFF, #E66430, #69341F, #1C0A02)

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