Celadon Pier color palette — #ECF7FF · #BCEDBE · #6DA7C5 · #567184 · #232D34

A conversation between Mint and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Mint (#BCEDBE): A whisper-light, balanced green — the color of fresh herbs.
• Blue Fog (#6DA7C5): A luminous, dusty blue — the color of open sky before noon.
• Slate (#567184): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#232D34): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, muted.

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

• Ash Corridor color palette (#F1F5FE, #FFD0D4, #959BC6, #646D82, #272B36)
• Ancient Cerulean color palette (#ECF8F4, #CCDACA, #658BA7, #2D4E44, #101F1A)
• Softworn Chapel color palette (#EEF6FF, #91C6FF, #C697C1, #5E9480, #27363E)
• Powdered Seafoam Workshop color palette (#EFF6FF, #10F2B1, #5688F3, #475B84, #101B2B)
• Softworn Pewter color palette (#F2F5FD, #DCD8E2, #B7ACB2, #5F6458, #4D4B51)
• Dusty Petrol color palette (#ECF2F9, #DFB5CB, #456487, #19324E, #0C151E)
• Tempered Balcony color palette (#EBEDFD, #FFB1AB, #8D7BBC, #4F5472, #131524)
• Mallow Veranda color palette (#FFF0FC, #D9C4FF, #C79DCB, #A47E99, #464558)

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