Oat Villa color palette — #FFF2EC · #D5C985 · #6DB5A2 · #9D6F9D · #3E3E36
Pistachio and Dusty Rose set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Pistachio (#D5C985): A whisper-light, balanced green — the color of a quiet forest floor.
- Jade (#6DB5A2): A luminous, dusty teal — the color of shallow lagoons.
- Dusty Rose (#9D6F9D): A luminous, balanced pink — the color of neon signs at night.
- Charcoal (#3E3E36): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Patina Dune color palette (#FFF3E6, #FFB38C, #98AF6B, #7A7BB4, #413C36)
- Tempered Fern Bloom color palette (#FFF2EF, #BCDCAA, #74BBC8, #AD7B8C, #3B500A)
- Weathered Lantern color palette (#FEF4E4, #C2D596, #5DA281, #65579A, #32322B)
- Washed Mint color palette (#F5F7E6, #97D088, #A694D0, #846FB0, #59242C)
- Muted Stone color palette (#FFF4E1, #D7DBB8, #A0C1A4, #AC908A, #6D4B44)
- Gentle Azure color palette (#FFEADC, #5FD2B3, #549CE1, #A4613D, #193820)
- Hushed Bloom color palette (#E5E7CF, #83BC78, #63765F, #4B4E00, #1B1810)
- Weathered Lagoon color palette (#FAF4EF, #BFECEE, #A7BEE8, #53A9A0, #5C3D4D)
Browse the whole catalog at Explore, or see today's palette.