Celadon Harbor color palette — #F8F7DD · #C6FA5E · #D3D8CA · #00C7E9 · #003011
A conversation between Chartreuse and Cyan, giving this palette its sense of nature and growth.
The five colors
- Custard (#F8F7DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Chartreuse (#C6FA5E): A whisper-light, vivid green — the color of a quiet forest floor.
- Oat (#D3D8CA): bright and airy, almost weightless.
- Cyan (#00C7E9): A luminous, balanced blue — the color of open sky before noon.
- Deep Forest (#003011): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Energy, Softness. Tagged candy, vibrant, light.
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
- Chartreuse Field color palette (#F2F8E8, #C2DFC9, #7DF091, #1EC3F6, #00271C)
- Powdered Boulevard color palette (#FCF5DF, #F9E224, #D8D6CB, #00D9B7, #252D00)
- Iris Parlor color palette (#D5FFFA, #D0FFA1, #00E1E9, #869AFF, #00212A)
- Airy Grove color palette (#ECFAE7, #EEFFA6, #80FFDB, #88BDFF, #00353C)
- Chartreuse Study color palette (#DBFEF6, #FDE55E, #86F41E, #00DCBB, #114219)
- Faded Jade color palette (#FDF4E7, #D3E0A5, #50A76D, #8B6200, #2B3300)
- Lime Studio color palette (#F4F6C9, #E5D600, #66CD31, #009378, #00280D)
- Timeworn Summit color palette (#EFF8F0, #B2E4EC, #CCD1FF, #BFB9CF, #254339)
Browse the whole catalog at Explore, or see today's palette.