Cobalt Pier color palette — #F0F3EC · #6DC99C · #2B78C1 · #00784F · #130B14

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

The five colors

• Cream (#F0F3EC): bright and airy, almost weightless.
• Mint Leaf (#6DC99C): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#2B78C1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00784F): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#130B14): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, cool.

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

• Dusty Summit color palette (#EEF4EE, #68C5C2, #7066BE, #007472, #160A11)
• Olive Villa color palette (#F3F2E8, #9EC172, #0080A9, #4E7200, #04120C)
• Softworn Courtyard color palette (#EDF8F7, #81DAAC, #678DDD, #2C9667, #1D2430)
• Antique Byzantium color palette (#EAF5ED, #00BCD5, #AC00B3, #006776, #1A0005)
• Denim Alley color palette (#C0FFE6, #51C4C0, #0085A6, #004D88, #1E1554)
• Petrol Terrace color palette (#FFEEE2, #3AB1A7, #2470A8, #6B3615, #0F2918)
• Lagoon Hollow color palette (#EFF3EE, #CEDBDA, #A7C4C9, #2C847E, #272F26)
• Grape Corridor color palette (#E8F1E3, #00AD96, #6700E0, #00594D, #040014)

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