Celadon Pier color palette — #F8F6E2 · #D5FC9A · #E1DECF · #41D2EE · #363831

A conversation between Butter and Ice Blue, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Butter (#D5FC9A): A whisper-light, balanced green — the color of new leaves after rain.
• Bone (#E1DECF): A whisper-light, dusty green — the color of new leaves after rain.
• Ice Blue (#41D2EE): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#363831): 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 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

• Weathered Celadon color palette (#EBFBE6, #EDFFAC, #B4F1FF, #9DCAFF, #1C3B21)
• Soft Loft color palette (#E6FAF5, #FFED97, #B0EF96, #45D6B2, #0B4541)
• Antique Teal Lantern color palette (#EEFCCE, #B2F0B7, #52C09B, #008080, #004855)
• Glacier Thicket color palette (#E5FDE8, #BAEADD, #5CF3FD, #9FA8FF, #002439)
• Bronze Dune color palette (#FDF4E9, #D4E4C0, #7EAB82, #986D30, #3A3831)
• Patina Powder Meadow color palette (#FBF4EE, #C0E5F5, #9BBDED, #479184, #3C3A5E)
• Quiet Lagoon Terrace color palette (#F0F9E5, #91EAC6, #EFA1B3, #2AA07A, #552834)
• Patina Bone color palette (#FFF4E0, #C6E9CB, #A1B9A5, #8C6E6C, #6B4542)

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