Cobalt Lagoon color palette — #E1F4EE · #006FB6 · #744B00 · #002D4E · #020100

Royal Blue and Bronze set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E1F4EE): A whisper-light, dusty teal — the color of shallow lagoons.
• Royal Blue (#006FB6): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#744B00): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#002D4E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#020100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, 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

• Navy Hollow color palette (#EEDCEB, #325FD8, #6E4E00, #04008B, #020100)
• Timeworn Dune color palette (#D4E6DA, #00788C, #A10704, #00313B, #040000)
• Cellar Denim Quarry color palette (#D1E2F5, #004E89, #5A2F00, #001F3C, #030100)
• Hushed Amethyst Study color palette (#F1DEE6, #754EC3, #4E5C00, #35006F, #010100)
• Cornflower Garden color palette (#DFE7F3, #3B8EFF, #AB5802, #003F8A, #0E0300)
• Antique Studio color palette (#F8E1FA, #0053A1, #86002B, #1C3B00, #000104)
• Velvet Garnet color palette (#D7EAFF, #005099, #72004A, #002043, #120008)
• Dusty Alley color palette (#F9E6F9, #A9AEE7, #A86BCF, #005169, #00000C)

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