Cobalt Pier color palette — #F9EEF9 · #5277BB · #6C5296 · #5F2B00 · #0A1503

Slate takes the lead with Slate close behind in a set that reads as optimism and balance at first glance.

The five colors

• Blush (#F9EEF9): a clean, paper-quiet neutral.
• Slate (#5277BB): A full-bodied, balanced violet — the color of twilight just after sunset.
• Slate (#6C5296): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#5F2B00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#0A1503): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Balance. Tagged jewel, vibrant, 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

• Misty Courtyard color palette (#E7F6ED, #008CA5, #6056A0, #742915, #0F1302)
• Washed Turquoise color palette (#FFF0D8, #4AABC0, #5B689A, #5A4200, #09291F)
• Antique Pewter color palette (#FCEDF5, #8F7FB5, #8F5B83, #604A1B, #0E2014)
• Frosted Cerulean Study color palette (#E4F7ED, #1E9BC3, #95475F, #553C00, #1E2100)
• Cobalt Courtyard color palette (#D3E9E3, #2878C0, #3E2A36, #041A16, #030805)
• Chalky Mulberry Chapel color palette (#FDE7FF, #005FAE, #82006D, #3A2B00, #00080B)
• Hazy Byzantium Grove color palette (#FFECF0, #9D4EA5, #861C28, #2D3200, #000F09)
• Patina Grove color palette (#ECF4EF, #D0D9DA, #CBBABC, #427E90, #252F29)

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