Cobalt Pier color palette — #F8F1E5 · #73B7CE · #5D78A9 · #754238 · #1B312A

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

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Cyan (#73B7CE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#5D78A9): A full-bodied, balanced violet — the color of twilight just after sunset.
• Coffee (#754238): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Forest (#1B312A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Turquoise Orchard color palette (#EAF5F0, #50A8CE, #876093, #6B3F28, #292905)
• Timeworn Cerulean Study color palette (#F9F1E3, #6BBEA7, #00879C, #703F5D, #223020)
• Wandering Turquoise Harbor color palette (#FFF1F5, #4CBAC0, #6B73A3, #715233, #364B58)
• Wandering Aqua color palette (#E8FBEB, #6ECCEC, #7B93BD, #906158, #394A58)
• Ash Loft color palette (#F5F1EB, #C8E2DF, #6CA5C0, #317873, #1F3D35)
• Patina Cobalt Parlor color palette (#E1F2EC, #3E89C0, #4A3246, #10221D, #080E0B)
• Muted Lilac color palette (#FBF0E0, #9991DD, #8C538A, #524603, #331924)
• Antique Lagoon color palette (#F3F2EA, #C1C7AA, #4F9276, #556756, #30322B)

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