Nocturne Navy color palette — #F1E0EF · #817C00 · #001F6D · #000422 · #030003

Deep Indigo takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F1E0EF): A whisper-light, dusty pink — the color of a candy shop window.
• Olive Leaf (#817C00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#001F6D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#000422): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Depth, Luxury. Tagged luxury, 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

• Inked Navy Market color palette (#F6DFEF, #008E63, #181C67, #030029, #040003)
• Soft Coast color palette (#E1E9F7, #A59319, #2A3795, #0E1441, #00010F)
• Rust Thicket color palette (#F8E7F5, #CB4326, #0E1C6C, #01002A, #030003)
• Misty Nightshade Atelier color palette (#FFE2F7, #00AF81, #24279B, #090747, #080006)
• Deep Forest Quarry color palette (#F6D4E2, #006945, #1D0039, #100303, #020007)
• Navy Workshop color palette (#F4E9ED, #C9ABAC, #A6847B, #4C3570, #14050C)
• Powdered Delta color palette (#FDE9EC, #45A63B, #5B0964, #220027, #060001)
• Misty Clover color palette (#FFECF2, #50C36C, #60357D, #2C113E, #110308)

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