Nocturne Navy color palette — #F9E1FA · #00366A · #292D00 · #121400 · #030004

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

The five colors

• Blush (#F9E1FA): A whisper-light, dusty pink — the color of a candy shop window.
• Navy (#00366A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Forest (#292D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#121400): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Navy Market color palette (#ECDFEC, #00387C, #353036, #2A1B00, #000A0B)
• Spruce Veranda color palette (#D3EFD9, #003E45, #1C3100, #001619, #000102)
• Twilit Aubergine Lagoon color palette (#F6DAEA, #340095, #2B2C00, #00151D, #010009)
• Garnet Alley color palette (#D9EEE3, #003C4E, #550006, #061700, #000102)
• Smoked Aubergine color palette (#F6E5E9, #670086, #223F00, #00202C, #030005)
• Smoked Nightshade color palette (#DEE9FF, #3131BB, #563200, #121C00, #00000B)
• Powdered Nightshade Thicket color palette (#F4E2EE, #3F27CF, #3A4B00, #002C39, #070004)
• Byzantium Thicket color palette (#FFE8F0, #8E00EB, #00657F, #004254, #110222)

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