Nocturne Olive color palette — #DDDFF7 · #5F8700 · #3B0062 · #0E001D · #010007

Olive Leaf and Royal Purple set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DDDFF7): A whisper-light, dusty violet — the color of a velvet chair.
• Olive Leaf (#5F8700): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#3B0062): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0E001D): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#010007): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Aubergine Studio color palette (#F7E3EC, #00906A, #2F0563, #0D0024, #080004)
• Midnight Basin color palette (#E4E1F2, #637000, #360039, #261018, #070008)
• Eclipse Navy color palette (#DAE3F1, #8B7800, #0F1E69, #01002A, #000107)
• Mulberry Terrace color palette (#F2EBFF, #989C00, #6D005C, #2C0024, #04010C)
• Cocoa Basin color palette (#F4E4ED, #B4A048, #792800, #2D1024, #0A0307)
• Washed Alley color palette (#F1F0FD, #ADBD65, #644678, #26243C, #0C0B14)
• Ancient Byzantium Garden color palette (#E8E6F7, #AF38C8, #5C3D00, #570067, #000200)
• Garnet Market color palette (#EAE2F0, #BCAEBC, #A18493, #682B4B, #0D0811)

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