Oat Villa color palette — #FFF1F1 · #E1DCCF · #D4C89C · #A17481 · #604741
Pistachio and Mocha set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Bone (#E1DCCF): a clean, paper-quiet neutral.
- Pistachio (#D4C89C): A whisper-light, dusty green — the color of new leaves after rain.
- Mocha (#A17481): A luminous, dusty red — the color of embers at dusk.
- Cocoa (#604741): A full-bodied, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, 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
- Stone Alley color palette (#FFF1F5, #EBD6C8, #E1B199, #6584A7, #624447)
- Bronze Corridor color palette (#FFF3E5, #E0D7AB, #75BDB0, #A35B55, #554000)
- Washed Terrace color palette (#F8EEFB, #EBD2D6, #EDBE90, #A26689, #382738)
- Ancient Basalt color palette (#FFF3E7, #B5A585, #8F6A45, #71443B, #463E00)
- Soft Terracotta color palette (#FFF1E6, #C2C691, #40AB8F, #8E363F, #412B03)
- Washed Mulberry Coast color palette (#FFF1F1, #FFBD73, #9CB14E, #953D90, #56250C)
- Washed Bronze Drift color palette (#FEF3E6, #A8762D, #1D7F86, #005F65, #37322C)
- Garnet Market color palette (#FFE9E4, #A98A4D, #3D753D, #5D143B, #160B00)
Browse the whole catalog at Explore, or see today's palette.