Oat Villa color palette — #F2F5FF · #CCC6E5 · #A692A6 · #5A7F85 · #39565C

Lilac Frost and Slate set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lilac Frost (#CCC6E5): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#A692A6): A luminous, dusty pink — the color of neon signs at night.
• Slate (#5A7F85): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#39565C): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Oat 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 Corridor color palette (#F8F2FF, #F4BEBC, #85A387, #647A84, #3D545E)
• Hushed Periwinkle color palette (#FCF2F6, #D5DFFD, #83A7D7, #3C888A, #3C4761)
• Ash Garden color palette (#EFF4FF, #B0A8CD, #92788C, #47696F, #364E60)
• Wandering Lagoon color palette (#E8FAF4, #A3D2AB, #4CA18D, #736C8B, #2A4947)
• Patina Bronze Study color palette (#FFF1F5, #EED5C9, #CAAAA0, #847F36, #3A5414)
• Washed Blush Workshop color palette (#F5EAFA, #F181A5, #B1775A, #006F68, #00433E)
• Weathered Pier color palette (#FFEAE9, #C38D5F, #6E722E, #404C71, #1A2946)
• Worn Apricot color palette (#FFE4ED, #E99175, #907F53, #396282, #183D5A)

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