Ancient Oat color palette — #F5F6EC · #AAD5A1 · #97A9D3 · #AC767A · #5B382E

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

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Pistachio (#AAD5A1): A whisper-light, balanced green — the color of new leaves after rain.
• Mauve (#97A9D3): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#AC767A): A luminous, dusty red — the color of late-summer berries.
• Cocoa (#5B382E): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Ash Basin color palette (#EEF9ED, #8BD7D3, #C398C7, #A67D5F, #593B1C)
• Tempered Oat color palette (#FCF4EA, #E6C08D, #77B7B6, #9878A8, #5A3832)
• Antique Mulberry color palette (#EEF8F3, #9DD5F1, #9294CB, #934F85, #3E3633)
• Weathered Fern color palette (#F7F5EC, #DCE1C7, #ABBC9E, #A09B81, #4C5301)
• Pale Basin color palette (#F2F9E4, #00D986, #848CF4, #BB4F2A, #511F00)
• Dusty Aqua Field color palette (#EEFCD5, #A1EAD8, #70C9CF, #5396AB, #2C574A)
• Timeworn Mint color palette (#EAF9F9, #77C3A4, #4D98AE, #5B6790, #214B41)
• Washed Mint color palette (#EEF4E9, #6ECCAC, #6E8172, #435F20, #22221C)

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