Cobalt Pier color palette — #F2F8E8 · #A8D0F7 · #337AD1 · #004D6B · #000334

Azure and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F2F8E8): A whisper-light, dusty green — the color of new leaves after rain.
• Lilac Frost (#A8D0F7): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#337AD1): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004D6B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#000334): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Tempered Cerulean Meadow color palette (#F4F7EA, #96D7EA, #0086AC, #005057, #000F18)
• Muted Ultramarine Villa color palette (#D2E4E4, #77A3CE, #0053AE, #003A53, #0D1C43)
• Antique Iris Ridge color palette (#F1E8E0, #8EC6F8, #668AF8, #007B8A, #20173F)
• Softworn Cerulean color palette (#F5F6EA, #B8EAE0, #00A4BA, #006A65, #00232C)
• Washed Denim Corridor color palette (#DFE4D4, #7AA8CB, #005697, #002938, #000106)
• Turquoise Dune color palette (#F6F6EA, #B6E5EB, #00C6CE, #008A76, #003D44)
• Indigo Pier color palette (#FFE8E3, #DF637F, #566DE2, #91003B, #030028)
• Patina Chestnut Harbor color palette (#F4E3CA, #B09759, #7D5800, #472A00, #050400)

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