Nocturne Navy color palette — #E1F2F5 · #005F97 · #19008A · #150036 · #0A000E

Built around Indigo, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#E1F2F5): bright and airy, almost weightless.
• Peacock (#005F97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#19008A): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#150036): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0A000E): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Nocturne Navy 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 Onyx color palette (#D7F5F6, #006B84, #00315C, #0B003B, #05000B)
• Twilit Ultramarine Market color palette (#CDEEFD, #0055DC, #380087, #1D002B, #0B0006)
• Timeworn Nightshade Grove color palette (#DBF3F2, #007AA5, #0037A8, #320057, #0E0009)
• Aged Alley color palette (#CFEFFF, #3783C7, #3351D1, #410093, #090012)
• Eclipse Aubergine Delta color palette (#F4EBCD, #005170, #290062, #120D00, #00030D)
• Navy Orchard color palette (#D9E8F8, #003E70, #400200, #161F26, #100700)
• Tempered Onyx color palette (#DCEAF4, #909BAA, #676F8F, #002F43, #020A12)
• Moonless Grape color palette (#D5E4FF, #5A3FC5, #4D005E, #260018, #100002)

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