Oat Villa color palette — #F4F4FF · #F4D1E8 · #B0DA99 · #A68EBC · #2C4E47

Pistachio and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Thistle (#F4D1E8): A whisper-light, dusty pink — the color of neon signs at night.
• Pistachio (#B0DA99): A whisper-light, balanced green — the color of a quiet forest floor.
• Dusty Rose (#A68EBC): A luminous, dusty violet — the color of wild irises.
• Charcoal (#2C4E47): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, 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

• Patina Periwinkle Dune color palette (#F0F6FF, #DDD6F1, #E8C68F, #8099D2, #364D38)
• Patina Ash color palette (#FFF1F5, #E4C7FF, #8CD4E2, #B79AD1, #395542)
• Ash Atelier color palette (#F4F4FF, #EBDADA, #BFB1AA, #AC98B3, #4F4C5C)
• Washed Pier color palette (#FFF0FD, #FFC3BE, #64CFC8, #C0706B, #00423F)
• Weathered Glacier Cabin color palette (#EBF9F0, #AAEAE1, #BAAE81, #8F707C, #2F4442)
• Muted Coast color palette (#F6F3FE, #E1FFDB, #9E769F, #48425A, #1C1A21)
• Ash Workshop color palette (#F6F3FF, #E9D7DE, #C79BCA, #78587D, #322944)
• Tempered Grove color palette (#F3F4FF, #DCBBFF, #8DCC9C, #82AF8C, #363746)

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