Oat Corridor color palette — #FFF0F9 · #F8B296 · #AB6E5A · #704335 · #4D3141

Melon and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Melon (#F8B296): A whisper-light, balanced orange — the color of autumn markets.
• Mocha (#AB6E5A): A full-bodied, balanced orange — the color of toasted spice.
• Coffee (#704335): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal (#4D3141): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

Use it as a design system

One click turns Oat Corridor 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 Shell Veranda color palette (#FAF2FF, #F9AEC6, #AD708A, #714256, #3E314B)
• Dusty Sand Veranda color palette (#E2FEE0, #F3C586, #9D7942, #65481C, #482A34)
• Wandering Amber color palette (#FFF2EB, #EFD7BC, #E9A88D, #BF745C, #522D1E)
• Dusty Cocoa Veranda color palette (#FFF2EB, #FBC7B2, #CE917B, #8B5745, #5B2600)
• Stone Quarry color palette (#FDF2F5, #D2BF8C, #77515F, #473139, #2B2120)
• Muted Mustard color palette (#F1F7F0, #E7B67A, #388E80, #88663C, #233033)
• Antique Oat color palette (#FFF0FC, #E7D8D7, #AFDDDB, #9587A0, #594B52)
• Aged Stone color palette (#EBF9EF, #B6BD8C, #658B72, #72535E, #374D49)

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