Nocturne Navy color palette — #F3EDDE · #645900 · #003576 · #37001D · #060002

Navy and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3EDDE): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#645900): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003576): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#37001D): A deep, shadowed, balanced rose — the color of a warm blush.
• Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Eclipse Onyx Dune color palette (#FFEBD7, #804900, #003B61, #22004B, #03000B)
• Fern Corridor color palette (#DCF6ED, #4B5D00, #003232, #130013, #010100)
• Midnight Courtyard color palette (#E9ECD4, #1D7219, #4D0065, #3A000B, #070001)
• Weathered Lagoon color palette (#F2ECD1, #23905F, #1C5F77, #4F1A2E, #2A0314)
• Pine Hollow color palette (#E7F0DD, #007F4B, #00524B, #002B2D, #000A10)
• Timeworn Aubergine Pier color palette (#E7EEDF, #00795A, #710078, #3C1E00, #100500)
• Aubergine Canyon color palette (#E2F0E2, #008384, #005B8D, #3D008E, #050004)
• Worn Thicket color palette (#ECDCC2, #648100, #005332, #382900, #070600)

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