Cobalt Pier color palette — #F7F1E9 · #A7CCEF · #6A75BC · #005B5F · #331522

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F7F1E9): a clean, paper-quiet neutral.
• Sky (#A7CCEF): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#6A75BC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005B5F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#331522): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Weathered Cerulean Balcony color palette (#FAEFEA, #85D7E1, #3285AF, #0B5E3B, #101F3E)
• Hushed Boulevard color palette (#F8F0EC, #C7E5CF, #6194B5, #3B6953, #3A2337)
• Washed Cobalt color palette (#F3F7EC, #AACEC5, #5179B3, #005A80, #293960)
• Hushed Sapphire Thicket color palette (#FDEFE3, #5AC9FB, #0068EA, #00524A, #1A0E40)
• Iris Terrace color palette (#FFF1F5, #B9D8F8, #7E92D3, #00798B, #323858)
• Airy Delta color palette (#E9ECCF, #5BB94D, #8B63B8, #135905, #241038)
• Denim Terrace color palette (#EDDFD6, #3597B3, #004B82, #002D22, #03001B)
• Tempered Sky color palette (#F6F3DA, #A8F0CD, #64B9E5, #876339, #252B11)

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