Quiet Olive color palette — #F5F3DD · #98AE6A · #967EC5 · #576F09 · #2D1C47

Built around Olive, softened by Lavender Blue — the whole palette hums with nature and growth.

The five colors

• Cream (#F5F3DD): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#98AE6A): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#967EC5): A luminous, balanced violet — the color of wild irises.
• Olive (#576F09): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#2D1C47): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Airy Studio color palette (#EFF5DD, #78B489, #B177A2, #00793D, #3A1933)
• Apricot Quarry color palette (#FFEFDD, #CE9757, #6D8CCC, #8A580E, #162647)
• Powdered Moss color palette (#E4FBF4, #ACC185, #AC95E4, #6D8E00, #473966)
• Worn Boulevard color palette (#F8F6E6, #96A963, #C36D6A, #5C6F00, #613331)
• Pewter Summit color palette (#F5F4D8, #799958, #8E6EB5, #845597, #211F01)
• Ancient Atelier color palette (#E8F7E1, #00B199, #D2458C, #006A5C, #410024)
• Timeworn Cocoa color palette (#FFEEE3, #C1A689, #946A53, #76381F, #2B210D)
• Washed Balcony color palette (#F5F3E0, #B1E4DA, #89D0D8, #92824D, #33342D)

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