Cobalt Pier color palette — #F0F4E7 · #9CCEF4 · #3B80C1 · #095771 · #2D172D

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

The five colors

• Cream (#F0F4E7): a clean, paper-quiet neutral.
• Sky (#9CCEF4): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3B80C1): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#095771): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#2D172D): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Cerulean Chapel color palette (#F2F3E9, #8AD5E2, #038AA4, #005B5B, #002531)
• Cobalt Archive color palette (#EFF8F1, #AEC9DF, #557AAA, #005D6E, #2E385B)
• Tempered Navy color palette (#DDE2D4, #417DB2, #003A77, #001D2B, #00000B)
• Periwinkle Ridge color palette (#FBF4EE, #D8D5E0, #81A6E7, #007E86, #422137)
• Cerulean Meadow color palette (#E9EBDA, #1E9AB0, #005266, #002B2E, #000509)
• Softworn Ash Villa color palette (#F1F3EB, #BEE8EA, #77A89A, #4F7561, #412F42)
• Olive Lagoon color palette (#E4E5CA, #528F00, #007E82, #814D00, #161500)
• Worn Seafoam Pier color palette (#F2F5D7, #A3ECB5, #7ACAAC, #657746, #20230D)

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