Quiet Olive color palette — #E5F6F1 · #98AD72 · #9082C2 · #557001 · #292044

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

The five colors

• Cream (#E5F6F1): bright and airy, almost weightless.
• Sage (#98AD72): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#9082C2): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#557001): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#292044): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Wandering Azure color palette (#E2F9E9, #BAA24D, #628FCF, #786300, #0B264C)
• Pine Cabin color palette (#E1F7F6, #8EC29A, #BF88AD, #3D8253, #362B44)
• Worn Moss Ridge color palette (#F9F6E1, #ADC180, #AD94E5, #718D00, #473A62)
• Pale Olive color palette (#E4FCF4, #94A964, #0099BA, #587000, #004A5C)
• Faded Moss color palette (#D7FBF0, #7D9A45, #8871B2, #7D5C8E, #01251D)
• Feathered Coast color palette (#D8F9FF, #00B09D, #C15699, #006A5E, #3F002C)
• Tempered Cocoa Summit color palette (#FFEBF6, #C69FAB, #936A56, #6E3C3B, #12281A)
• Ancient Forest Harbor color palette (#E8F5F6, #D9A881, #166351, #002E32, #010F11)

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