Celadon Harbor color palette — #7DFEF2 · #C5ED84 · #FFBBED · #6C6578 · #38353C

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

The five colors

• Sea Foam (#7DFEF2): A whisper-light, balanced teal — the color of sea glass.
• Butter (#C5ED84): A whisper-light, balanced green — the color of a quiet forest floor.
• Carnation (#FFBBED): A whisper-light, balanced pink — the color of peonies in June.
• Graphite (#6C6578): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#38353C): quiet, heavy and certain.

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

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

• Washed Archive color palette (#CDE9FF, #8FF8A3, #FFBFD3, #73667A, #343036)
• Ancient Ash Market color palette (#F7F3FD, #DBE4B1, #C688AD, #736781, #2E2933)
• Weathered Archive color palette (#E2E1FF, #FFCCA4, #FFAFCE, #5E4A48, #3B3130)
• Glacier Coast color palette (#D5E4F6, #44E7FF, #FFB293, #735567, #2A2227)
• Feathered Blush color palette (#E1F6DC, #85DBFF, #E681B2, #76425B, #251A2D)
• Weathered Stone color palette (#F9F3F8, #E1D8D7, #DAA6A2, #AFB2BF, #575056)
• Aged Basin color palette (#FFE7EC, #CDD1C4, #B0A3A2, #463C4A, #242125)
• Softworn Dune color palette (#F5F4FF, #DEAEED, #70CAB1, #8498CE, #3D3A4C)

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