Celadon Harbor color palette — #F4F7EA · #FDFBA2 · #8ADAAE · #5CAEC0 · #484C45
Butter takes the lead with Lagoon close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F4F7EA): bright and airy, almost weightless.
- Butter (#FDFBA2): A whisper-light, balanced green — the color of new leaves after rain.
- Lagoon (#8ADAAE): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#5CAEC0): A luminous, balanced blue — the color of open sky before noon.
- Charcoal Brown (#484C45): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged candy, vibrant, light, 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
- Weathered Fern Meadow color palette (#F5F7E7, #DCEFB6, #A5D89F, #60ADAD, #3A500A)
- Stone Chapel color palette (#F9F7DB, #B5CBA8, #80988C, #7D6A64, #644C45)
- Weathered Mint Market color palette (#EEFCD2, #64C5A6, #19928B, #266B79, #335345)
- Worn Loft color palette (#E3FBF9, #CCDECA, #98ECBF, #72B6D9, #234A4E)
- Patina Veranda color palette (#EDF9EE, #3EC5CB, #CB8089, #2B8084, #61453E)
- Ancient Mint color palette (#E5FCE8, #6FE18D, #00B8BB, #407BC7, #003845)
- Misty Basin color palette (#E5FCEE, #80FFD9, #09C8F1, #8886CF, #1E4037)
- Hushed Chestnut Field color palette (#F8F5EC, #AFCAA1, #5C8E74, #7A6317, #515100)
Browse the whole catalog at Explore, or see today's palette.