Soft Olive color palette — #E4FCF3 · #9AA76F · #9478C6 · #5F6E00 · #473A61

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

The five colors

• Ivory (#E4FCF3): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9AA76F): A luminous, dusty green — the color of new leaves after rain.
• Lavender Blue (#9478C6): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#5F6E00): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#473A61): 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 Soft 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

• Feathered Iris color palette (#EBFAEE, #B89C5B, #6886D5, #7F6000, #324166)
• Pine Dune color palette (#EBF8F8, #8EBD9B, #B785B4, #2C8651, #5F415E)
• Hushed Plum color palette (#DDFDF8, #639861, #6078B7, #964292, #16403C)
• Hazy Olive color palette (#F5F3DD, #92B060, #009DC1, #53700E, #092F1F)
• Dusty Turquoise color palette (#E6FBF4, #A7C37B, #20B6DE, #6F8D35, #1E475C)
• Softworn Bronze Station color palette (#FFF0F8, #C499A7, #98644B, #763F40, #2E4334)
• Sunlit Corridor color palette (#DEFCFF, #00AC90, #D4308F, #006C5A, #651643)
• Chalky Delta color palette (#FAF6DF, #C0D96F, #C4AFFD, #95A953, #593647)

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