Cobalt Lagoon color palette — #F0F5FF · #6B7AC8 · #008181 · #444E82 · #2B3343

Periwinkle takes the lead with Teal close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Periwinkle (#6B7AC8): A luminous, balanced violet — the color of a velvet chair.
• Teal (#008181): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#444E82): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Teal (#2B3343): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Sophistication. Tagged muted, cool.

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

• Cobalt Ridge color palette (#EDF6FF, #2488CC, #538028, #055789, #243544)
• Washed Ridge color palette (#F7F3FF, #B47AA5, #009194, #6C537D, #3F3A48)
• Chalky Olive Dune color palette (#F5F4FF, #9C6CAA, #5E7E03, #005B78, #333042)
• Frosted Raspberry Harbor color palette (#FAF1FF, #D11379, #007191, #84005D, #35233D)
• Patina Blush Bloom color palette (#FBF1FF, #EB6E9C, #62A06D, #327B84, #392E3E)
• Hushed Bronze Ridge color palette (#EBFAEA, #A87628, #39824E, #3A4F8D, #2A372A)
• Hushed Navy Studio color palette (#FCF1FE, #B05A6C, #576300, #2B3C7F, #342636)
• Tempered Bronze color palette (#E7FBEE, #C97D97, #8F5E00, #244F81, #493646)

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