Oat Field color palette — #F7F3FE · #BEDDA0 · #976F89 · #524760 · #2D2933

Built around Pistachio, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F3FE): bright and airy, almost weightless.
• Pistachio (#BEDDA0): A whisper-light, balanced green — the color of a quiet forest floor.
• Mocha (#976F89): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal Brown (#524760): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#2D2933): quiet, heavy and certain.

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

• Driftwood Terrace color palette (#FBF3F2, #C3E9D1, #A97485, #623746, #251715)
• Worn Boulevard color palette (#FFF1F5, #D9C37D, #95672F, #5B3543, #2C1C22)
• Driftwood Terrace color palette (#FAF2F8, #CCDADB, #A8A7B1, #A9888D, #585056)
• Washed Workshop color palette (#E7FBEC, #F3A6A6, #A19257, #596F93, #53424B)
• Hushed Pewter Delta color palette (#F9F2FA, #F9D1E3, #C48E93, #8F5D62, #312732)
• Worn Jade Thicket color palette (#F8F3FA, #FFBAD3, #79AA79, #B4788E, #1F3230)
• Weathered Bloom color palette (#FDF1FE, #F08796, #65A9A9, #4B8686, #433945)
• Frosted Lime color palette (#FDF0FF, #B1C900, #AE3855, #62202F, #241327)

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