Celadon Harbor color palette — #F5F7E9 · #FEF7B1 · #B5FCA0 · #6EDDC9 · #43453E
Built around Mint, softened by Lagoon — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F7E9): a clean, paper-quiet neutral.
- Custard (#FEF7B1): A whisper-light, balanced green — the color of a quiet forest floor.
- Mint (#B5FCA0): A whisper-light, balanced green — the color of fresh herbs.
- Lagoon (#6EDDC9): A whisper-light, balanced teal — the color of sea glass.
- Charcoal (#43453E): a grounded near-black with real depth.
Feels like: Nature, Growth, Softness, Clarity. 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
- Celadon Station color palette (#F6F6EA, #E4DFBF, #A4EBA2, #6BC6D4, #41443D)
- Soft Mint color palette (#EAF3CE, #A3E8C4, #4ED3B0, #48A199, #3E5440)
- Seafoam Orchard color palette (#ECFAE9, #94FCB5, #06EFD1, #10C4F2, #1C3A22)
- Ancient Celadon Canyon color palette (#E7F5F3, #DDF4B4, #B3DFAE, #5DA68A, #093432)
- Teal Drift color palette (#EFF9EB, #98E7D8, #FCACC4, #43BFAC, #67423D)
- Seafoam Basin color palette (#EEF9EC, #B6F3EA, #5CFEEE, #84D4FF, #384E3A)
- Ancient Lagoon color palette (#F6F7DE, #CAE0D0, #A7C9AB, #AB949A, #654E4E)
- Muted Veil color palette (#E5FBF6, #D3DAFF, #D1D9CB, #B3C2D9, #1A3F41)
Browse the whole catalog at Explore, or see today's palette.