Celadon Coast color palette — #8DF9FF · #BAE895 · #E1B7FF · #684852 · #3E3437

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

The five colors

• Sea Foam (#8DF9FF): A whisper-light, balanced blue — the color of open sky before noon.
• Mint (#BAE895): A whisper-light, balanced green — the color of a quiet forest floor.
• Lavender (#E1B7FF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#684852): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#3E3437): quiet, heavy and certain.

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

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

• Muted Straw Summit color palette (#AEFABD, #FFD070, #C6C3FF, #5C4753, #3C3237)
• Wandering Seafoam color palette (#C1EDFF, #80F0D3, #FFB2BF, #5D413B, #352B29)
• Antique Mallow color palette (#EAEB97, #FFC299, #FF98C9, #523F4A, #322F35)
• Aged Hollow color palette (#E1E1FF, #FFD3AD, #FFBFD7, #776462, #332D2C)
• Worn Driftwood Pier color palette (#FFF1F3, #D7D3A9, #966E91, #61405D, #342729)
• Taupe Corridor color palette (#FBF3F1, #DDD9D4, #AFB5AA, #C9868E, #5B4F4C)
• Blush Archive color palette (#C4ECE0, #4FE0FE, #E46783, #522831, #231512)
• Tempered Studio color palette (#FFF1F2, #C79BBB, #95A365, #008B97, #4F3537)

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