Softworn Olive Villa color palette — #F8F5E8 · #ADB778 · #9A91C1 · #707930 · #654053

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

The five colors

• Ivory (#F8F5E8): a clean, paper-quiet neutral.
• Sage (#ADB778): A luminous, balanced green — the color of new leaves after rain.
• Blue Fog (#9A91C1): A luminous, dusty violet — the color of twilight just after sunset.
• Olive (#707930): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#654053): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Softworn Olive Villa 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 Olive color palette (#F5F2E6, #B1B988, #A290D0, #6F7911, #462535)
• Cypress Coast color palette (#F2F7EC, #84BFA3, #BB87A0, #378364, #664241)
• Sunlit Lantern color palette (#E9F9F4, #BCCC9A, #AFA7EC, #7E9928, #434B6D)
• Ancient Bronze color palette (#FFF3E6, #CFA87E, #739DC4, #97672E, #29574C)
• Patina Parlor color palette (#F9F6E0, #8DA25D, #5990B9, #9C6372, #43433B)
• Softworn Canyon color palette (#FFF2EA, #CDB29B, #AC7047, #894A2E, #633F00)
• Driftwood Hollow color palette (#F8F7DB, #BACE9C, #728854, #435525, #3E3C00)
• Tempered Fern color palette (#F8F6E6, #B9E4DB, #9DC4C5, #9C8E6E, #505000)

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