Celadon Studio color palette — #D1F3A1 · #FFC3E0 · #A8CDFF · #544354 · #363036

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

The five colors

• Butter (#D1F3A1): A whisper-light, balanced green — the color of a quiet forest floor.
• Thistle (#FFC3E0): A whisper-light, dusty rose — the color of strawberry cream.
• Sky (#A8CDFF): A whisper-light, balanced blue — the color of deep harbor water.
• Charcoal Brown (#544354): A full-bodied, dusty pink — the color of peonies in June.
• Espresso (#363036): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Antique Celadon color palette (#A4FBCD, #FFC9BA, #D8BBFF, #5A414B, #332C2F)
• Tempered Atelier color palette (#FFE0A7, #F6C2FF, #73DAFF, #3D5046, #2B352F)
• Celadon Quarry color palette (#D3F29E, #FFCFCB, #A2DDFF, #586C7A, #252F37)
• Powder Boulevard color palette (#DEEBD0, #FFA792, #A3ACFF, #333764, #281C24)
• Pale Mallow Villa color palette (#C2EDEF, #FFB989, #F195FF, #5D3B42, #2D2224)
• Timeworn Blush color palette (#F9F3F7, #C5CEFF, #D7799E, #7C85CD, #382A29)
• Basalt Thicket color palette (#EAEDFF, #DCCBC5, #ABB8BC, #3E4558, #1B1F28)
• Wisteria Grove color palette (#FFF0F7, #E0C4F2, #C386BF, #9C6080, #6B2E3C)

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