Celadon Harbor color palette — #CFF3A7 · #FFCCA1 · #8FD4FF · #384A59 · #2B3137
A conversation between Celadon Mist and Sky, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#CFF3A7): A whisper-light, balanced green — the color of fresh herbs.
- Peach Cream (#FFCCA1): A whisper-light, balanced gold — the color of honey in a jar.
- Sky (#8FD4FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#384A59): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#2B3137): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Glacier Ridge color palette (#FCF1C9, #FFC9B8, #04E4F7, #394D55, #263236)
- Powder Balcony color palette (#DBF2FF, #D7D7CB, #B1BCD9, #3B4F46, #232C28)
- Cobalt Lagoon color palette (#F1F5FC, #D5D5A3, #6A7BAD, #3F4D67, #272B33)
- Worn Celadon color palette (#BFFFE8, #A5EE92, #C7C2FF, #514A5A, #36373C)
- Washed Frost color palette (#A2F5FF, #FFCBE4, #C9D0FF, #5D6579, #30343D)
- Faded Boulevard color palette (#E3F2E4, #D2C600, #8CB4FF, #243659, #17202D)
- Mint Basin color palette (#E1E0D1, #00EAAF, #948CE9, #3B2C4E, #1D212F)
- Tempered Amber color palette (#F0F6FD, #B6D3FF, #D58643, #678DC8, #352A2F)
Browse the whole catalog at Explore, or see today's palette.