Cobalt Pier color palette — #D3E3F3 · #1F7DCD · #7B2F00 · #003764 · #130300

A conversation between Azure and Rust, giving this palette its sense of trust and stability.

The five colors

• Frost (#D3E3F3): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#1F7DCD): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#7B2F00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Navy (#003764): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#130300): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Washed Balcony color palette (#E4EFFF, #2662D4, #7B4C00, #002988, #0F0600)
• Faded Petrol Villa color palette (#E2F2FF, #0075A9, #834800, #003E5C, #2B1400)
• Mulberry Meadow color palette (#E5F1FE, #006FB5, #A4003F, #003860, #170004)
• Weathered Denim color palette (#E0EDF8, #005F88, #684400, #3B3800, #000408)
• Pale Station color palette (#D6F7EB, #26ABEF, #A15700, #00537A, #100500)
• Worn Brick Parlor color palette (#D2F2F5, #007D66, #A7060A, #004033, #180000)
• Ancient Amethyst color palette (#EAEEFF, #7046D8, #645900, #3D008C, #0A0800)
• Cobalt Summit color palette (#DDEEFF, #007FCF, #004A8D, #001B34, #000208)

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