Celadon Pier color palette — #ECFBE3 · #B7FFB1 · #7CF7D5 · #79CFE1 · #2E4529
Mint and Sea Foam set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#ECFBE3): A whisper-light, dusty green — the color of new leaves after rain.
- Mint (#B7FFB1): A whisper-light, balanced green — the color of fresh herbs.
- Sea Foam (#7CF7D5): A whisper-light, balanced teal — the color of shallow lagoons.
- Sky (#79CFE1): A luminous, balanced blue — the color of deep harbor water.
- Forest (#2E4529): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Softness, Clarity. Tagged candy, vibrant, light, pastel.
Use it as a design system
One click turns Celadon Pier 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 Garden color palette (#EFF9E3, #E5EC69, #48E5D2, #78A7DC, #26412B)
- Muted Periwinkle Lantern color palette (#E4FDEA, #A0F4FD, #93D1FF, #9AA9F0, #2D4838)
- Tempered Bloom color palette (#FAF4EC, #BEEDE6, #79CAEB, #5AA8A0, #2E4F45)
- Antique Market color palette (#F6F6EA, #ABE5BE, #7FBAA8, #929372, #3B4900)
- Pale Seafoam Dune color palette (#D5FFFF, #66FEB1, #00E1DF, #23BBFE, #002B32)
- Tempered Mint Archive color palette (#E0F7FA, #95EABF, #31D0BA, #00ACB8, #002521)
- Glacier Studio color palette (#E5FCED, #5BDFFE, #FAA587, #4AAEC5, #603526)
- Ancient Studio color palette (#E9F9DC, #A8E8EC, #9CC4B2, #AA8784, #7B3D22)
Browse the whole catalog at Explore, or see today's palette.