Cobalt Pier color palette — #F9E6D0 · #AA7000 · #0078B4 · #734B00 · #00060F

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

The five colors

• Parchment (#F9E6D0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#AA7000): A full-bodied, balanced gold — the color of old brass.
• Cerulean (#0078B4): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#734B00): A full-bodied, balanced gold — the color of old brass.
• Ink (#00060F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Hushed Ultramarine color palette (#F4E1CB, #986100, #006BAB, #3048BE, #030100)
• Soft Rust color palette (#FFE9E2, #D44900, #007F93, #912F00, #00070A)
• Powdered Indigo color palette (#F8F0DA, #8B8100, #5A5BE0, #5D5600, #040021)
• Hushed Cobalt Veranda color palette (#F7D7DF, #0086CD, #A46800, #241300, #030100)
• Powdered Denim color palette (#F8D8E2, #965B00, #00549E, #3F2400, #000104)
• Worn Bronze Parlor color palette (#DBEED9, #905C00, #006850, #4F3100, #000805)
• Hushed Amber color palette (#E8E3CE, #B27A00, #464F00, #141700, #020200)
• Mustard Corridor color palette (#F0DCB6, #E6BE30, #6E84EA, #9D7F00, #1C2451)

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