Quiet Olive color palette — #DEF9F1 · #5F8A00 · #005D63 · #003C64 · #0F0626

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

The five colors

• Honeydew (#DEF9F1): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#5F8A00): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005D63): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#003C64): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#0F0626): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Aged Parlor color palette (#E7F5F3, #2F8C45, #00637B, #2A4074, #00150E)
• Patina Moss Boulevard color palette (#DEF9ED, #898800, #006C49, #00404C, #251300)
• Navy Market color palette (#CDE5E2, #006D2E, #00495B, #001078, #040015)
• Aubergine Courtyard color palette (#DDF8FA, #008F73, #005497, #3B127D, #1C0215)
• Pale Byzantium Grove color palette (#F0F0FF, #8745C9, #006761, #004053, #060929)
• Muted Balcony color palette (#FFF3E6, #925D00, #005B7A, #00435A, #3A1717)
• Olive Terrace color palette (#D5EDE2, #707000, #232F00, #00150C, #000502)
• Weathered Corridor color palette (#F8EED4, #B3A100, #6A7000, #3C4C00, #112200)

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