Cobalt Pier color palette — #F6ECE8 · #A9CFB3 · #1790CB · #006F4A · #17295D

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#F6ECE8): bright and airy, almost weightless.
• Pistachio (#A9CFB3): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#1790CB): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006F4A): A full-bodied, balanced teal — the color of sea glass.
• Navy (#17295D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.

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

• Softworn Azure color palette (#FCF3EF, #BEDDCB, #5E9AD5, #007E67, #33375A)
• Azure Study color palette (#FEF1FA, #ADF4FD, #069ED9, #066D45, #0A1C42)
• Muted Cobalt Summit color palette (#F4E8DF, #90BDA9, #3672CD, #005A51, #200E4F)
• Tempered Lantern color palette (#E9F1EB, #75BFCA, #007390, #005048, #00324B)
• Softworn Study color palette (#DAE2CB, #54AE7A, #B95CB9, #007745, #411141)
• Patina Summit color palette (#E8DCD9, #69B0AD, #00728C, #004E10, #00142A)
• Denim Canyon color palette (#F0E5DE, #5E9CB5, #0156A9, #003C33, #090029)
• Patina Orchid Veranda color palette (#DAE7D0, #009D7E, #B341BC, #B30068, #00261D)

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