Oat Canyon color palette — #FCF1FB · #E7D8D5 · #F3B59E · #ADAF9F · #52404F

Melon takes the lead with Charcoal close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Bone (#E7D8D5): bright and airy, almost weightless.
• Melon (#F3B59E): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ash (#ADAF9F): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal (#52404F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

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

• Tempered Oat color palette (#FFF1F5, #E4DDD2, #E0CA9A, #A2BAD3, #3A4E39)
• Weathered Petal color palette (#FFF0FC, #F2D3E4, #D8BDC5, #879E98, #3C5654)
• Apricot Workshop color palette (#FFF0FA, #FFCBB3, #E29F72, #B98D6A, #684853)
• Patina Field color palette (#FFF2EE, #F4E0A6, #E2D2CC, #C0C1B6, #612900)
• Washed Seafoam color palette (#FFF1F6, #FFC899, #8DDAB2, #D29B6A, #2B5556)
• Antique Lantern color palette (#FFF0FA, #F3D5C3, #E8BE90, #FB9B32, #52270F)
• Coral Terrace color palette (#FAEDF8, #FF9489, #8A7481, #5C505A, #242024)
• Amber Market color palette (#F7EFF8, #E4D4DF, #FFB9BC, #BC8F2F, #37202E)

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