Nocturne Olive color palette — #EFE2F6 · #4B7C00 · #3C251A · #3B001F · #0F0005

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

The five colors

• Blush (#EFE2F6): A whisper-light, dusty violet — the color of a velvet chair.
• Olive (#4B7C00): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#3C251A): A deep, shadowed, dusty orange — the color of autumn markets.
• Deep Indigo (#3B001F): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Ink (#0F0005): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

One click turns Nocturne Olive 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 Courtyard color palette (#ECEAFA, #008151, #2D141E, #32003A, #0B000F)
• Cellar Fern color palette (#EFDAE8, #626300, #35302B, #2B0500, #080100)
• Powdered Moss color palette (#F3DCF6, #7BA225, #71002A, #390011, #19061D)
• Mulberry Parlor color palette (#F8E2DF, #6DA949, #A10057, #4D0328, #070000)
• Muted Lantern color palette (#EFD6DF, #A48B09, #502B00, #241100, #140303)
• Garnet Hollow color palette (#F8E9F2, #9FAEA0, #69877C, #611F00, #1F0C19)
• Tempered Garnet color palette (#F9E4FB, #A47C11, #6D0023, #260007, #070001)
• Wandering Taupe Corridor color palette (#FFF0F8, #AFA447, #743200, #411900, #26141E)

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