Shadow Olive color palette — #D7E9E3 · #567300 · #003C72 · #300006 · #010100

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

The five colors

• Honeydew (#D7E9E3): A whisper-light, dusty teal — the color of sea glass.
• Olive (#567300): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003C72): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#300006): A deep, shadowed, dusty red — the color of embers at dusk.
• Black (#010100): a grounded near-black with real depth.

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

Use it as a design system

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

• Nightshade Study color palette (#CAF2EB, #267C00, #281F9A, #300101, #040000)
• Olive Loft color palette (#E2F4ED, #5F7000, #004642, #27002C, #020100)
• Aubergine Bloom color palette (#CBE7E7, #006541, #2B0079, #120400, #000200)
• Obsidian Abyss Hollow color palette (#CDF0FA, #005A57, #48474E, #161A1F, #00070B)
• Lagoon Summit color palette (#CBEBE6, #008F97, #00566B, #00253A, #000310)
• Wandering Spruce Workshop color palette (#C8E9E3, #579E83, #005958, #103500, #000201)
• Denim Terrace color palette (#DDF9DF, #47A6A3, #21618B, #4E1600, #100800)
• Worn Coast color palette (#D6E7D9, #00929C, #0063BC, #5C0B92, #000B04)

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