Cobalt Pier color palette — #FBF4EE · #BFE7D7 · #658BC4 · #176F73 · #583E4F

Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Celadon Mist (#BFE7D7): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#658BC4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#176F73): A full-bodied, dusty teal — the color of glacier melt.
• Cocoa (#583E4F): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Cypress Terrace color palette (#F8F0E9, #C2E5D8, #778DBB, #006D67, #3F2031)
• Hushed Ash Delta color palette (#FCF3EF, #C8ECE6, #70A1BA, #627654, #5C4C5E)
• Gentle Cobalt Coast color palette (#FFF3E9, #90D9FE, #3181D5, #006666, #343C66)
• Worn Ridge color palette (#FFF1F6, #EBD6DC, #FDB8B2, #6D7BA5, #5C464B)
• Cerulean Quarry color palette (#FFF2EB, #AECFAD, #24859A, #246041, #123F58)
• Hushed Drift color palette (#F0F7F1, #D7DDF2, #94C1F5, #1FAAC0, #374865)
• Quiet Orchid Study color palette (#FFF1F5, #A567D6, #71843C, #097555, #483038)
• Muted Cerulean color palette (#F8E7DC, #008FAD, #004064, #00231F, #00032B)

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