Celadon Coast color palette — #CCF49F · #FFBDC1 · #A2BCFF · #564146 · #372F36

Built around Butter, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Butter (#CCF49F): A whisper-light, balanced green — the color of a quiet forest floor.
• Ballet Pink (#FFBDC1): A whisper-light, dusty red — the color of late-summer berries.
• Sky (#A2BCFF): A luminous, balanced violet — the color of a velvet chair.
• Cocoa (#564146): A deep, shadowed, dusty red — the color of a theater curtain.
• Espresso (#372F36): quiet, heavy and certain.

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

Use it as a design system

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

• Weathered Powder Harbor color palette (#FFE0AF, #FFB6E8, #6CC9FF, #32494A, #27312D)
• Patina Mallow color palette (#99FBDD, #FFC574, #E49EFF, #593F3A, #392F31)
• Glacier Courtyard color palette (#8FFFCB, #FFCAB5, #00E5F1, #394D54, #2F3639)
• Washed Glacier Station color palette (#96F7FF, #FFC8F4, #C8D1FF, #585F6E, #34383E)
• Quiet Lilac color palette (#D6EAD2, #FF9A93, #A08EF6, #53293D, #301F28)
• Rust Alley color palette (#FBF2F7, #BEBAE9, #B2616F, #6C62A5, #382A27)
• Quiet Lantern color palette (#FFF1F6, #D5ACD9, #AF6896, #874559, #6C3617)
• Hushed Driftwood Orchard color palette (#FBF3F5, #E2D8D4, #ACAFA0, #A07382, #5A4F52)

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