Cobalt Pier color palette — #FBF2F7 · #BEE2F7 · #4E8ED0 · #00735F · #3D4761

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Powder Blue (#BEE2F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4E8ED0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#00735F): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#3D4761): A full-bodied, dusty violet — the color of a velvet chair.

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

• Muted Turquoise color palette (#F8F3F8, #D3D7EF, #54A5C1, #527A56, #425469)
• Dusty Olive color palette (#EFF6FF, #6285D7, #518E07, #337A3C, #2B384D)
• Aged Cobalt Market color palette (#FBF2F5, #A6CAE7, #4F73CD, #00605C, #343855)
• Tempered Cerulean Balcony color palette (#F7F1E8, #BAE9D0, #4E96C2, #1E6A6D, #372439)
• Dusty Stone Drift color palette (#F1F5FF, #E1D6E3, #EEB3A9, #4E7E9D, #4A495C)
• Cerulean Ridge color palette (#F9EBF6, #368E99, #00425E, #002413, #00032A)
• Patina Lagoon color palette (#E6DDE7, #59AFAA, #006176, #064207, #00213C)
• Muted Garden color palette (#C2E5FF, #7FB6F6, #766FD6, #664283, #453E5D)

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