Oat Field color palette — #F2F5FF · #BEDCAE · #7E77A0 · #474C63 · #292B34

A conversation between Pistachio and Slate, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Pistachio (#BEDCAE): A whisper-light, dusty green — the color of new leaves after rain.
• Slate (#7E77A0): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#474C63): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#292B34): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Oat Field 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

• Pewter Veranda color palette (#FBF1FF, #CAC981, #A0586E, #4C3B52, #261E29)
• Tempered Quarry color palette (#F1F5FF, #97CCC6, #525C80, #30374F, #26232C)
• Ash Dune color palette (#FDF1F7, #DEE2BE, #BB90A6, #846173, #34272D)
• Weathered Lime color palette (#F4F4FF, #AACA43, #7F529D, #472E57, #191828)
• Ancient Driftwood color palette (#F4F4FE, #E0C3FC, #C08F6C, #9A7EB4, #362A2F)
• Mallow Basin color palette (#E2FDF1, #E7A3E0, #BE8077, #3A7A81, #4D4354)
• Softworn Ash Veranda color palette (#F6F4FC, #E3D7DC, #BFAEA9, #9F96B1, #545159)
• Softworn Coast color palette (#F4F4FF, #C294E9, #81A87A, #65845F, #3B3C4A)

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