Cobalt Pier color palette — #F9ECE3 · #85D1EB · #278DD1 · #006D64 · #1D2C4F

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

The five colors

• Cream (#F9ECE3): bright and airy, almost weightless.
• Sky (#85D1EB): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#278DD1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006D64): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#1D2C4F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Forest Pier color palette (#FAEBE3, #79D7D2, #0097AC, #00703D, #003248)
• Tempered Azure color palette (#EEF8F0, #D0E0FE, #3A9CD1, #00696B, #001E3E)
• Pale Thicket color palette (#EFE1D4, #7BB8E8, #4C70C5, #005861, #1E1447)
• Aged Periwinkle color palette (#FFF3E9, #AFE1CC, #6B98D0, #007C7D, #4E2E45)
• Periwinkle Coast color palette (#F6EBF2, #B1DAF1, #60A8F6, #00937C, #272756)
• Softworn Pine Bloom color palette (#FEF3ED, #94EEE7, #00AEC6, #008849, #004662)
• Ancient Turquoise color palette (#F8E8E1, #41B4C1, #007092, #004C3A, #00142A)
• Tempered Denim Bloom color palette (#F5EADF, #419CCF, #1C54A9, #003B3E, #07002A)

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