Oat Coast color palette — #FFF1F4 · #E3D8D2 · #EEBCAD · #A28394 · #5D4C4F

Sand and Heather set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Bone (#E3D8D2): a clean, paper-quiet neutral.
• Sand (#EEBCAD): A whisper-light, dusty orange — the color of autumn markets.
• Heather (#A28394): A luminous, dusty pink — the color of a candy shop window.
• Charcoal Brown (#5D4C4F): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Oat Coast 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 Basin color palette (#FFECF3, #E4D5CE, #BCBB9D, #9F7C94, #463133)
• Muted Balcony color palette (#F4F4FF, #E3D7DF, #B8ACA0, #92A3C9, #4D4959)
• Antique Hollow color palette (#FFF1F2, #FBD1C9, #FE9384, #7F5F95, #5B3534)
• Quiet Amber Delta color palette (#FFEFEF, #FFAAB3, #D87D58, #734477, #492927)
• Weathered Blush Boulevard color palette (#FFF2F0, #C37393, #628C5E, #49684F, #4C3735)
• Bronze Veranda color palette (#FCF4E6, #C4B88E, #9B7B37, #7D5410, #514900)
• Wandering Mallow color palette (#FCF3F1, #F3A7BB, #94793B, #945869, #312D27)
• Muted Bronze color palette (#F7DBCF, #CF8B57, #A37700, #641934, #2A1000)

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