Tempered Olive Villa color palette — #FCF3EF · #C2F2EC · #7A9EBC · #5D793A · #614A5B

A conversation between Olive and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Honeydew (#C2F2EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7A9EBC): A luminous, dusty blue — the color of deep harbor water.
• Olive (#5D793A): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#614A5B): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Cypress Veranda color palette (#FCF3EE, #AFE6FB, #668DB8, #1D715F, #5A3D50)
• Patina Lagoon color palette (#F5F6EE, #C8E6E3, #93BCA8, #589197, #345246)
• Ash Terrace color palette (#EBF4F3, #D0DAEC, #6FA5BB, #437383, #243948)
• Muted Apricot Lantern color palette (#FFF2EB, #EE957C, #52A4C5, #9E5F4E, #375547)
• Worn Coral color palette (#FFF2EC, #D07F6D, #4F90C3, #4F7B9F, #48413D)
• Weathered Basin color palette (#FBF5E3, #BABB95, #858355, #7F5313, #3B500A)
• Tempered Sapphire color palette (#FFF3E6, #7DBFF3, #4B5ED9, #005556, #3C235D)
• Weathered Forest color palette (#FEE9E4, #6FC2BD, #00748C, #09540C, #08304F)

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