Celadon Coast color palette — #97FBE6 · #BDF88E · #D08DEC · #4C3D4F · #2E2D36

Butter and Pink Orchid set the tone — five colors that lean into nature and growth.

The five colors

• Sea Foam (#97FBE6): A whisper-light, balanced teal — the color of glacier melt.
• Butter (#BDF88E): A whisper-light, balanced green — the color of fresh herbs.
• Pink Orchid (#D08DEC): A luminous, balanced pink — the color of neon signs at night.
• Charcoal (#4C3D4F): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#2E2D36): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Weathered Sunflower color palette (#A4FBC9, #D3DB50, #C9ACFF, #504458, #33343D)
• Softworn Blush color palette (#CDE9FF, #7BFFD6, #EC87B8, #574550, #38353B)
• Antique Ridge color palette (#86FFFB, #EFC817, #EE87D6, #422F30, #1C1616)
• Washed Celadon Boulevard color palette (#A2F5FF, #C9EC83, #EAC3FF, #775E65, #393033)
• Wandering Magenta color palette (#D0F4FB, #35F185, #E93BE6, #491D2D, #211B2E)
• Olive Harbor color palette (#F5F4FD, #AA74AF, #3F7529, #4F4774, #373344)
• Weathered Peony color palette (#D3E9F4, #35E5B3, #EB479B, #3D1F32, #1C1620)
• Softworn Harbor color palette (#F6F4FA, #E2ADD4, #907C2B, #935384, #27312A)

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