Sunlit Pier color palette — #C6E8CF · #00A3BF · #4B57D4 · #5A4400 · #04273D

Iris takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#C6E8CF): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#00A3BF): A luminous, balanced blue — the color of deep harbor water.
• Iris (#4B57D4): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.
• Midnight (#04273D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Creativity, Calm, Energy. Tagged retro, cool.

Use it as a design system

One click turns Sunlit 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

• Washed Sapphire color palette (#FCD0E0, #00A6AE, #0061D8, #683B00, #002935)
• Hazy Market color palette (#DCF6E7, #00B1E2, #706AC2, #625600, #19324A)
• Sunlit Grape Quarry color palette (#C4E7DD, #1599ED, #7E47BA, #395100, #13243F)
• Sunlit Sapphire Field color palette (#FFF4E2, #03B0EC, #4D5FC5, #6D2500, #001326)
• Hazy Grape Atelier color palette (#C7ECDD, #008AC2, #680AD1, #373C00, #001436)
• Gentle Turquoise Thicket color palette (#F3DAB4, #00C1CC, #777FD0, #816000, #002838)
• Frosted Plum color palette (#CFE5F2, #0095B6, #B5005C, #4D4300, #1C2300)
• Garnet Lantern color palette (#F4D2EC, #00AB89, #007399, #85160B, #002B2A)

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