Celadon Harbor color palette — #FFF0F7 · #D4E5AC · #77AFA3 · #8D6383 · #284642

Celadon Mist and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Celadon Mist (#D4E5AC): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#77AFA3): A luminous, dusty teal — the color of glacier melt.
• Slate (#8D6383): A full-bodied, dusty pink — the color of neon signs at night.
• Forest (#284642): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, 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

• Timeworn Oat color palette (#E9FAF3, #C8D391, #6CA0C9, #935660, #542A31)
• Worn Cabin color palette (#FFF2E9, #A3AE77, #178A75, #784665, #484841)
• Worn Loft color palette (#F0F7F3, #BFDEF2, #83BAB7, #738D7D, #354C46)
• Worn Fern Quarry color palette (#F8F6E4, #CED5AB, #85BCA6, #5E92B6, #414F00)
• Worn Parlor color palette (#FFF0F9, #78E1D5, #5D98C7, #8E5134, #0C3745)
• Weathered Mint Pier color palette (#E9F9F8, #7EC08F, #3E5A60, #1F2E2D, #0A110F)
• Worn Lagoon color palette (#E3F7F0, #8CB98B, #378A6B, #255775, #173130)
• Patina Basalt color palette (#DFFEEE, #C7E3EE, #AEC7D2, #9E8B9F, #604C5E)

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