Weathered Oat color palette — #E7F7E5 · #B1D8CA · #7D9BA3 · #6B6676 · #3E3948

A conversation between Oat and Blue Fog, giving this palette its sense of sophistication.

The five colors

• Cream (#E7F7E5): A whisper-light, dusty green — the color of a quiet forest floor.
• Oat (#B1D8CA): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7D9BA3): A luminous, dusty blue — the color of open sky before noon.
• Graphite (#6B6676): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#3E3948): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Weathered 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

• Antique Veranda color palette (#D4FCF5, #81C9C6, #7689A1, #6C5966, #3C2B37)
• Softworn Ash color palette (#F7EFF4, #D4D2EA, #71A3C5, #487475, #2D3647)
• Petrol Meadow color palette (#E8E4CC, #669F81, #1E6E8B, #60353E, #2A162F)
• Driftwood Workshop color palette (#FFF3E5, #DBD5C0, #9FAA91, #9F8083, #604841)
• Tempered Basin color palette (#D2FEE8, #A9C578, #578F5F, #286C61, #1D3F48)
• Patina Jade color palette (#DDF8F9, #4EB28A, #AF7B9A, #996584, #142C2D)
• Indigo Boulevard color palette (#DAF0DF, #0DAAC9, #6666B5, #683A00, #331A00)
• Seafoam Studio color palette (#D4FAFF, #87DAB9, #47967E, #205B4C, #002023)

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