Midnight Olive color palette — #FADCE5 · #5A7300 · #300045 · #170B03 · #06000C

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

The five colors

• Shell Pink (#FADCE5): A whisper-light, dusty rose — the color of strawberry cream.
• Olive (#5A7300): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#300045): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#170B03): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#06000C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Midnight 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

• Nocturne Fern Lantern color palette (#FCE6E5, #5B5D00, #2B001A, #120601, #040002)
• Shadow Corridor color palette (#E7E8FF, #007F61, #2C0046, #2C1321, #090013)
• Nocturne Navy Lagoon color palette (#FFE8F9, #637000, #0E0065, #090102, #010016)
• Powdered Aubergine Archive color palette (#E5DFF8, #A57C00, #5E0061, #1F0020, #03000B)
• Weathered Summit color palette (#F2DFD5, #8D7700, #4E1100, #131912, #150200)
• Worn Garnet color palette (#F1E6E5, #B29A90, #A46E3D, #5F1437, #0C0201)
• Mustard Delta color palette (#FDEFE4, #C7B26A, #76482E, #3A200A, #130A04)
• Pale Ember Studio color palette (#F3E9FF, #DE6500, #50003A, #1C080C, #040002)

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