Cobalt Pier color palette — #EEF6FF · #8FB3DC · #BF8E53 · #3E75B2 · #60444D

Slate and Mustard set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#8FB3DC): A luminous, dusty blue — the color of open sky before noon.
• Mustard (#BF8E53): A luminous, balanced gold — the color of honey in a jar.
• Slate (#3E75B2): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#60444D): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Wandering Powder color palette (#FBECFD, #7CB8F8, #BC9366, #4875A4, #35302B)
• Worn Coral color palette (#E9F8FF, #64BFD3, #D37A87, #008194, #58465A)
• Taupe Harbor color palette (#F3F4FF, #B7A4E0, #B3944F, #7A65A2, #38553F)
• Ancient Marigold Field color palette (#EEF6FF, #97C9FF, #D3A96B, #6490BE, #3B553D)
• Driftwood Drift color palette (#EBF7FF, #5DA2C0, #9E892F, #777B43, #35454F)
• Worn Loft color palette (#EBF9F2, #94C3BA, #86834B, #4C654B, #364C4D)
• Aged Lantern color palette (#ECF7FF, #DEDAE4, #EEBAB8, #6B99A5, #474F5D)
• Antique Lantern color palette (#F1F5FF, #99CDBF, #555987, #2F384E, #26232D)

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