Sunlit Cobalt Pier color palette — #F4F7EB · #A9DBC6 · #0088C8 · #006378 · #004272

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Pistachio (#A9DBC6): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0088C8): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006378): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004272): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Softworn Cerulean color palette (#F6F6EA, #9FDBDD, #00909D, #00675E, #004855)
• Washed Cobalt color palette (#F2F8E5, #7EC0EB, #0072B9, #005269, #003266)
• Cornflower Chapel color palette (#FAF0E8, #9CD9F9, #0382EE, #006262, #1C2146)
• Hushed Study color palette (#E1E5D6, #6597AC, #005070, #002F37, #001626)
• Quiet Coast color palette (#E7FAF8, #CDDDFD, #64C0FF, #00A1C1, #174269)
• Wandering Periwinkle Quarry color palette (#FDF2F6, #AEE4FF, #429EFF, #008282, #333B6B)
• Ancient Petrol Thicket color palette (#F4F6F0, #C7E5E9, #AC8EAB, #34769A, #63495F)
• Misty Plum color palette (#FFF2EF, #EBD5CA, #F59C83, #AF4273, #6A3336)

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