Cobalt Pier color palette — #FEF3ED · #B0CDB8 · #1880B7 · #006343 · #293862

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF3ED): bright and airy, almost weightless.
• Pistachio (#B0CDB8): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#1880B7): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006343): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#293862): A deep, shadowed, dusty violet — the color of wild irises.

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

• Worn Cerulean color palette (#ECF4EE, #A0CFE4, #0088AE, #005C55, #062237)
• Cypress Veranda color palette (#FCF3ED, #CAE3D9, #6F8ABD, #00716A, #5C3C4D)
• Sapphire Courtyard color palette (#F6EDE4, #8CB7D6, #4862B2, #00504E, #332254)
• Worn Azure color palette (#F9F4ED, #A2E0ED, #29A3CC, #007D74, #194338)
• Patina Navy Summit color palette (#EEE3DC, #508A99, #003F68, #002319, #04002D)
• Sky Cabin color palette (#FDF1FA, #AAEDFB, #78BAE7, #529D7D, #2B3B55)
• Worn Balcony color palette (#FFF1F3, #F9CBBD, #DDA766, #6967A7, #583430)
• Nightshade Parlor color palette (#EEE2D8, #6C94B6, #2E32AE, #003030, #1D0038)

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