Cobalt Lagoon color palette — #F0F5FF · #99AEE8 · #CD7E8E · #596FB0 · #58465C

Slate and Dusty Rose set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#99AEE8): A luminous, balanced violet — the color of a velvet chair.
• Dusty Rose (#CD7E8E): A luminous, balanced red — the color of embers at dusk.
• Slate (#596FB0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#58465C): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Creativity, Sophistication. Tagged 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

• Timeworn Peony Veranda color palette (#F2F5FF, #958DD4, #C1698E, #388198, #3D4251)
• Hushed Turquoise Harbor color palette (#F4F4FE, #C69ED8, #3AA8C1, #895F9B, #345260)
• Driftwood Delta color palette (#F1F5FF, #DDD7E1, #B7AFA6, #7584AD, #4E5261)
• Dusty Studio color palette (#EBF2FF, #9BB1F0, #BB9652, #5D6FA5, #223726)
• Ancient Balcony color palette (#F1F5FF, #BDC0F1, #7277BB, #46477C, #2F3957)
• Jade Study color palette (#EDF6FF, #7EB6E6, #67AB71, #3478AD, #2C5552)
• Hushed Driftwood color palette (#FFF1F7, #D5AABA, #A47452, #705364, #3F4C3E)
• Gentle Amber Veranda color palette (#F8F2FF, #CE83B4, #B67D00, #904879, #2F4A31)

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