Olive Villa color palette — #FFF3E3 · #EEE1A3 · #97A751 · #3E7300 · #004320

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

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Celadon Mist (#EEE1A3): A whisper-light, balanced green — the color of a quiet forest floor.
• Moss (#97A751): A luminous, balanced green — the color of new leaves after rain.
• Olive (#3E7300): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004320): A deep, shadowed, balanced teal — the color of shallow lagoons.

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

Use it as a design system

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

• Washed Olive color palette (#FFF2EC, #FFDAB5, #BF9D4C, #786F00, #293500)
• Worn Mustard Corridor color palette (#FFF3E0, #C8B14A, #757D2C, #365D1B, #004827)
• Powdered Jade Veranda color palette (#F9F9C7, #B1EBCD, #6AB174, #007E5A, #003A35)
• Muted Moss Corridor color palette (#E7DFC8, #939400, #415700, #002A0C, #000201)
• Hushed Lime Chapel color palette (#FFEEE9, #F9C880, #ACBA4A, #4C9D5B, #00483F)
• Olive Workshop color palette (#E4ECD2, #478C3B, #005033, #001712, #000202)
• Soft Olive color palette (#FFEAE3, #DDA657, #797D18, #00572A, #002624)
• Pale Denim color palette (#E7FCEB, #E2CA80, #7D9E62, #3860AD, #0F3A2A)

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