Cobalt Pier color palette — #F8ECE0 · #AE6E00 · #0077B8 · #764900 · #000610

Cerulean takes the lead with Ochre close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F8ECE0): A whisper-light, dusty gold — the color of old brass.
• Ochre (#AE6E00): A full-bodied, balanced gold — the color of old brass.
• Cerulean (#0077B8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#764900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#000610): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Feathered Pier color palette (#F5E2D6, #D04E00, #007AAC, #8E3300, #00070E)
• Quiet Sapphire Coast color palette (#F2EBD8, #898200, #4E63D7, #5C5700, #020023)
• Bronze Delta color palette (#FCD9E4, #945900, #005E8D, #512F00, #00070F)
• Dusty Lagoon color palette (#F8EADB, #9C5F00, #175AD7, #5832A5, #040100)
• Gentle Cornflower Thicket color palette (#E4DBF6, #3871FF, #977000, #120B00, #030100)
• Weathered Alley color palette (#FFECDA, #947F42, #8B4E00, #6B241E, #030400)
• Washed Violet color palette (#F6EBCF, #BFB32D, #8C5BD8, #7C7300, #230643)
• Timeworn Meadow color palette (#F1EEDE, #BA7500, #484E00, #151700, #020200)

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