Celadon Coast color palette — #BFF7B1 · #FFBCC3 · #A8BAFF · #533E42 · #332E32

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

The five colors

• Mint (#BFF7B1): A whisper-light, balanced green — the color of new leaves after rain.
• Ballet Pink (#FFBCC3): A whisper-light, dusty red — the color of a theater curtain.
• Sky (#A8BAFF): A luminous, balanced violet — the color of a velvet chair.
• Cocoa (#533E42): A deep, shadowed, dusty red — the color of late-summer berries.
• Espresso (#332E32): a grounded near-black with real depth.

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

• Worn Straw color palette (#F3E88B, #FFBCC4, #78C7FF, #384F51, #2C3733)
• Mallow Veranda color palette (#A6FBC9, #FFC482, #D1A9FF, #57423F, #382F32)
• Dusty Glacier Canyon color palette (#8CFFD1, #FFCAB7, #20E3F9, #3D5058, #292F32)
• Dusty Petal color palette (#FFD7DB, #D2CDFF, #BCCFC7, #5B6075, #33353F)
• Weathered Quarry color palette (#D6E5D4, #FFBA8F, #4ECAFE, #21342C, #131A17)
• Hazy Lilac color palette (#D7FAEA, #FF9B8A, #B091FF, #532839, #301D26)
• Indigo Workshop color palette (#FAF3F6, #C3B6F2, #B1636A, #715EA8, #372B27)
• Driftwood Coast color palette (#FFF1F5, #CFAACF, #AA688D, #864154, #663817)

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