Cobalt Pier color palette — #FFF1F7 · #9ACDE8 · #487AB6 · #005F60 · #31375B

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

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sky (#9ACDE8): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#487AB6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005F60): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#31375B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Timeworn Cobalt color palette (#FAEEF3, #A6CDE8, #557CBA, #005C53, #20193F)
• Cerulean Orchard color palette (#FDF1F9, #87D5D1, #00879B, #156239, #213E52)
• Timeworn Periwinkle Study color palette (#FBF4EE, #AFE1CC, #7396D1, #007D73, #3A345C)
• Ancient Sky Pier color palette (#F9F4ED, #C4EADA, #72B8F8, #009DAE, #243963)
• Dusty Cerulean Lagoon color palette (#EEE1EB, #00A2B0, #00516A, #003124, #00152A)
• Patina Moss color palette (#DDF5EC, #889800, #8167B8, #535D00, #3A2B58)
• Navy Harbor color palette (#F2DFE6, #3F88B5, #083780, #002224, #08002A)
• Soft Ultramarine color palette (#F7E4EB, #66A5D7, #274CB4, #003D44, #1E1741)

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