Misty Olive color palette — #E3F7F0 · #7D8800 · #3D5599 · #273A6F · #190F20

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

The five colors

• Cream (#E3F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#7D8800): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#3D5599): A full-bodied, balanced violet — the color of wild irises.
• Navy (#273A6F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#190F20): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Gentle Station color palette (#E7F6EE, #788000, #744B96, #4D3660, #1A0E1F)
• Tempered Bronze color palette (#FFECF4, #B27200, #2A65A1, #1D4671, #110D20)
• Hushed Emerald color palette (#E2F6F7, #2D9967, #646BA6, #474C77, #24181F)
• Dusty Moss color palette (#FFEBF8, #AAA018, #007C6E, #563A5D, #072923)
• Hushed Mustard color palette (#FCF5E2, #C0AA00, #428EBB, #6A4A7C, #24150D)
• Hushed Denim Alley color palette (#FFF0FA, #B05F4A, #4E56A1, #5A3568, #362739)
• Soft Mustard Lagoon color palette (#FFE8C7, #BDB652, #528246, #00594F, #002831)
• Muted Olive color palette (#D7ECE8, #298C00, #18363C, #071A17, #030805)

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