Nocturne Olive color palette — #F0DDE3 · #716B00 · #0F4200 · #2E1900 · #030300

Olive takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F0DDE3): A whisper-light, dusty rose — the color of strawberry cream.
• Olive (#716B00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#0F4200): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#2E1900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, 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

• Olive Coast color palette (#DBEFE3, #347B00, #004132, #241E00, #010400)
• Worn Station color palette (#FAE1EA, #867A00, #215003, #003132, #000B05)
• Hushed Moss color palette (#F1DEC0, #999217, #425600, #382800, #010100)
• Pale Mulberry color palette (#CBF7F6, #006D41, #870049, #00331C, #0A0003)
• Cypress Workshop color palette (#D8EFE9, #007B70, #00463B, #001513, #000201)
• Dusty Moss color palette (#CEEFD0, #8F9F27, #006E33, #533800, #151800)
• Hushed Taupe color palette (#FEECF4, #B69E51, #576E2F, #274D54, #052212)
• Hushed Emerald Summit color palette (#D0EEE4, #20A672, #006262, #323E0E, #001617)

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