Cobalt Lagoon color palette — #F3EEE6 · #A6CEC2 · #5C86CB · #006880 · #22275B

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

The five colors

• Cream (#F3EEE6): a clean, paper-quiet neutral.
• Pistachio (#A6CEC2): A luminous, dusty teal — the color of glacier melt.
• Azure (#5C86CB): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006880): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#22275B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cobalt Lagoon 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

• Cornflower Pier color palette (#FBF4E9, #94D3FF, #2C8BF9, #006F83, #1D2A6D)
• Hushed Cerulean color palette (#F4EEE4, #AFCDB4, #0096B3, #006E5E, #003248)
• Antique Iris Corridor color palette (#EDF9EF, #D7DDFA, #6592DB, #00667D, #161A3E)
• Weathered Ultramarine Bloom color palette (#F5EDE4, #8CBDAE, #435BCB, #00504F, #342351)
• Muted Courtyard color palette (#E6DDD0, #75BFC9, #0081A0, #005A50, #002235)
• Weathered Summit color palette (#F9F4EC, #A4E8F7, #30A9D6, #00837C, #00446B)
• Periwinkle Orchard color palette (#FCE9EF, #A9DAFF, #829EFF, #009190, #33254B)
• Denim Delta color palette (#F5EEE2, #53A0A6, #006376, #003C32, #000B13)

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