Nocturne Cobalt color palette — #C8EFFC · #0079BD · #003B7A · #100042 · #020008

Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#C8EFFC): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0079BD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003B7A): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#100042): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#020008): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, cool.

Use it as a design system

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

• Petrol Field color palette (#CAF2F0, #007584, #004057, #001427, #000107)
• Shadow Boulevard color palette (#DFF4FF, #005D93, #00316A, #0B0050, #0B002B)
• Sapphire Parlor color palette (#D3EDFF, #0068EA, #33009D, #19003C, #030005)
• Soft Aubergine Hollow color palette (#D3EAED, #0081B5, #005DB9, #3E1893, #10001C)
• Misty Thicket color palette (#E0EDFE, #015EE6, #645300, #002467, #020100)
• Patina Violet Atelier color palette (#E7E9F7, #7860FF, #2C01A6, #22090E, #050022)
• Ultramarine Grove color palette (#FEE5D0, #00A7A6, #0058CE, #0B0B16, #000105)
• Hushed Peony color palette (#E6F0FF, #C0ACFF, #C2619B, #00465C, #010009)

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