Nocturne Navy color palette — #F3E5F2 · #004BA5 · #522A00 · #301600 · #000200

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

The five colors

• Blush (#F3E5F2): A whisper-light, dusty pink — the color of neon signs at night.
• Indigo (#004BA5): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#522A00): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#301600): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

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

• Charred Studio color palette (#DAEBE3, #005775, #5B0008, #2C1200, #000200)
• Lowlit Ultramarine Summit color palette (#F0D9E8, #3711D8, #383000, #201B00, #000201)
• Ancient Grove color palette (#DAEBFD, #0063B2, #8F0C00, #333600, #000807)
• Powdered Aubergine Bloom color palette (#EEF6FF, #006CCA, #6C006A, #002C24, #000103)
• Sapphire Summit color palette (#FCECFA, #3E71D4, #705C00, #423D00, #0E1505)
• Velvet Aubergine color palette (#F3D7E3, #5300A3, #1F150C, #1F001C, #040002)
• Softworn Summit color palette (#F4EDF3, #C1ADB6, #A2848A, #294177, #10080F)
• Ancient Byzantium color palette (#FFE5ED, #9300DD, #694100, #3A2E00, #000608)

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