Cobalt Pier color palette — #F7E6DD · #7EBDC9 · #007FAC · #005B4A · #001F43

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F7E6DD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ash (#7EBDC9): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#007FAC): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005B4A): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#001F43): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Muted Drift color palette (#FDF1F9, #8CDAE9, #0085B5, #005344, #000C21)
• Cobalt Station color palette (#F9ECE2, #92CEEB, #548AC2, #006C6A, #202859)
• Feathered Basin color palette (#F9ECE1, #63ABD1, #1365BB, #004A4B, #0D0047)
• Weathered Denim color palette (#D8E9E6, #7CA6B8, #006177, #003E3F, #002331)
• Azure Coast color palette (#FFF2EB, #ACE6F7, #46A5E0, #008475, #233E70)
• Patina Workshop color palette (#FBF3EF, #CEE7E0, #7EBCCE, #5D9477, #335248)
• Raspberry Study color palette (#FDE2F1, #BC3492, #007D4B, #00684F, #26001A)
• Hushed Orchard color palette (#FFE3E6, #C551B6, #008A5F, #8B0080, #002114)

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