Celadon Harbor color palette — #E7F8FF · #E1FF66 · #FFCCE3 · #4A3433 · #1D1111

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

The five colors

• Ivory (#E7F8FF): A whisper-light, dusty blue — the color of deep harbor water.
• Butter (#E1FF66): A whisper-light, vivid green — the color of fresh herbs.
• Shell Pink (#FFCCE3): A whisper-light, dusty rose — the color of strawberry cream.
• Charcoal (#4A3433): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#1D1111): A deep, shadowed, dusty red — the color of a theater curtain.

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

Use it as a design system

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

• Dusty Parlor color palette (#ECF3FF, #8FFF98, #FFBFA3, #36302C, #140A04)
• Sand Atelier color palette (#FFF2F0, #FFE2A5, #9D6277, #522C29, #1A0A09)
• Ancient Cocoa color palette (#E5FFCE, #FFE8E6, #D2CED9, #74361D, #312723)
• Faded Celadon color palette (#E2F45F, #AEDFFF, #D692E7, #745B60, #2B2123)
• Sunflower Grove color palette (#C8E7FE, #D7D300, #FF98A5, #3B1119, #0F0200)
• Feathered Delta color palette (#D9F1D6, #4BE2F7, #E455D4, #281C3C, #110D19)
• Wandering Blush Ridge color palette (#FFF2EF, #FF87A7, #73AE81, #2D7F8B, #351D19)
• Quiet Blush color palette (#ECEBFD, #FFB15A, #FF82B2, #552C27, #2F2932)

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