Cobalt Pier color palette — #F4F7EC · #96E5AF · #2593CF · #248C50 · #000805

Cerulean and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Mint (#96E5AF): A whisper-light, balanced teal — the color of shallow lagoons.
• Cerulean (#2593CF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#248C50): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#000805): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Sunflower Grove color palette (#FAF5E8, #DBD571, #009BB0, #817900, #000802)
• Iris Ridge color palette (#F1F7EF, #6CE9D5, #9374D6, #00897B, #0F0107)
• Powdered Teal color palette (#EBF8F9, #93DBC8, #18B5D3, #00AE92, #001C27)
• Timeworn Workshop color palette (#D4E7DB, #0089A1, #67005F, #00313B, #030003)
• Aged Aubergine Basin color palette (#E0EFDC, #00A496, #5E11B2, #004640, #020007)
• Misty Bloom color palette (#EAFBE9, #00DFDB, #A82FF9, #007B79, #030008)
• Washed Magenta Drift color palette (#E9FAF2, #A7E2FF, #CB5CD9, #008AB6, #150118)
• Powdered Sapphire color palette (#E8FAF0, #00A0BC, #4566BD, #86283D, #0B0B00)

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