Cobalt Pier color palette — #F3F4FF · #CEADF2 · #A1A658 · #4D7FB9 · #1D395A

Cerulean takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#CEADF2): A luminous, balanced violet — the color of wild irises.
• Moss (#A1A658): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#4D7FB9): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#1D395A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Mallow Lagoon color palette (#FAF2FF, #F89EC3, #58B58B, #627AB8, #27365D)
• Powdered Bloom color palette (#F0F6FF, #A0BDFF, #C79552, #008F90, #004141)
• Washed Stone Boulevard color palette (#F4F4FF, #E4D2E5, #A0BFA4, #7C97AE, #3A5061)
• Muted Bloom color palette (#F7F3FF, #EAA3D9, #76AF86, #448F5C, #00423D)
• Powder Station color palette (#FBF2F6, #D6DFF6, #9ABFF6, #5BA89C, #3F4661)
• Oat Lagoon color palette (#FEF1F7, #ECBB9C, #77B6BB, #549398, #403D63)
• Weathered Bronze color palette (#FAF2FB, #F49EB0, #A48728, #006C5A, #142951)
• Apricot Harbor color palette (#FFECF3, #ED9C56, #3B9FC9, #6E63AD, #2B2056)

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