Oat Canyon color palette — #FFF3E9 · #D3D6A5 · #A2C19D · #A18385 · #69484B

Built around Wheat, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Wheat (#D3D6A5): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A2C19D): A luminous, dusty green — the color of fresh herbs.
• Heather (#A18385): A luminous, dusty red — the color of late-summer berries.
• Coffee (#69484B): A full-bodied, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Bone Thicket color palette (#FAF8D2, #C5E3C4, #AFBE9D, #678476, #2A5047)
• Weathered Oat color palette (#DEFEEE, #A3D7CE, #86ABAF, #6F7793, #545163)
• Timeworn Seafoam Orchard color palette (#E6EDB2, #67E9D7, #88B6D2, #B67671, #4E4643)
• Timeworn Pewter Hollow color palette (#FEE6F0, #96BBA8, #68928F, #6D4E73, #3B2C3D)
• Quiet Coast color palette (#EAE4D5, #86D37D, #2FA9C5, #91657B, #593146)
• Fern Pier color palette (#F7F6E4, #AAE4CB, #6ABBC1, #A58885, #334B06)
• Muted Bronze color palette (#D8F2DD, #85D3DB, #B698AF, #B1734D, #6F360D)
• Hushed Chartreuse Studio color palette (#F4EBB3, #B9DF75, #75C37C, #40917B, #365337)

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