Nocturne Cobalt color palette — #D7E8FD · #006EC8 · #003764 · #000E20 · #000104

A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#D7E8FD): A whisper-light, dusty blue — the color of deep harbor water.
• Royal Blue (#006EC8): A full-bodied, vivid blue — the color of deep harbor water.
• Navy (#003764): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#000E20): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Depth, Luxury. Tagged monochrome, dark, muted, 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

• Twilit Petrol Villa color palette (#D5F4FF, #007993, #003B4A, #00161D, #000102)
• Periwinkle Coast color palette (#CAE6DF, #7DA2EC, #6E72B7, #003C5B, #000413)
• Cornflower Basin color palette (#D8E7F8, #3990E7, #0056A6, #002551, #00020A)
• Obsidian Nightshade color palette (#D4DFFD, #4667D9, #1A21A0, #040048, #00000B)
• Ultramarine Pier color palette (#DBE8FF, #6B9EFF, #004DD7, #050089, #00041E)
• Aubergine Pier color palette (#E7E8FA, #5A4CB0, #2D0074, #090026, #010009)
• Inked Denim color palette (#CEF3E7, #00486F, #293E00, #002313, #000103)
• Timeworn Grape color palette (#F6E3E9, #7F48B0, #61004D, #3C0061, #040002)

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