Nocturne Olive color palette — #E3EBFD · #417900 · #18005F · #210D20 · #020014

Built around Olive, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Frost (#E3EBFD): A whisper-light, dusty violet — the color of wild irises.
• Olive (#417900): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#18005F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#210D20): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#020014): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Onyx Drift color palette (#E7E7F8, #007B5A, #2F0047, #25101B, #06000D)
• Charred Lantern color palette (#E2E7FF, #896600, #250050, #2A1123, #060017)
• Soft Emerald Canyon color palette (#EEDCEA, #009F2E, #15278B, #03013E, #050004)
• Aubergine Field color palette (#DFDCEC, #4BA359, #5D0761, #230025, #020107)
• Olive Drift color palette (#F3E5FB, #508A2E, #51002A, #160008, #030005)
• Smoked Aubergine color palette (#F4E1EA, #B28600, #35006F, #0F0303, #020007)
• Sunlit Aubergine Grove color palette (#F1F0FF, #46C282, #6D2287, #330741, #070514)
• Aubergine Lagoon color palette (#E6E4EF, #A69BAA, #8F7185, #590063, #050210)

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