Cobalt Pier color palette — #F7EFF5 · #B0CCDA · #3B83B2 · #005E42 · #141E3E

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

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Oat (#B0CCDA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3B83B2): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E42): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#141E3E): A deep, shadowed, dusty violet — the color of wild irises.

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

• Worn Cerulean color palette (#F0F7F1, #A4CCDD, #0085A8, #006058, #173E57)
• Timeworn Cerulean color palette (#F6F0F3, #C5E0F5, #728DC1, #006D66, #252A45)
• Worn Terrace color palette (#EFE6EA, #98B8D1, #4866B4, #004B48, #1B053C)
• Timeworn Blush color palette (#EBF2FF, #E6CBF2, #E4949B, #00738E, #212343)
• Tempered Violet color palette (#DDDFF2, #8B68B4, #946300, #5D5A00, #1A0A2B)
• Wandering Ridge color palette (#FDF3EE, #BBDFC4, #00A0E4, #0A8056, #4A3146)
• Navy Coast color palette (#F8E9F4, #557F94, #003E69, #002017, #01000B)
• Washed Quarry color palette (#F3E2E8, #638FB1, #2A38A6, #002C2C, #070015)

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