Oat Basin color palette — #F4EFFF · #D1C0D6 · #A38F9B · #537170 · #2A444B
Built around Oat, softened by Graphite — the whole palette hums with sophistication.
The five colors
- Blush (#F4EFFF): A whisper-light, dusty violet — the color of a velvet chair.
- Oat (#D1C0D6): A whisper-light, dusty pink — the color of a candy shop window.
- Heather (#A38F9B): A luminous, dusty pink — the color of neon signs at night.
- Graphite (#537170): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#2A444B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Oat Basin 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 Harbor color palette (#EDF4EE, #CCE0F7, #6EA6B4, #467478, #273944)
- Stone Loft color palette (#F3F4FF, #E7D8E0, #D0B6C1, #798B90, #3F5256)
- Tempered Stone Villa color palette (#FFE9F6, #D3B089, #759383, #436373, #243449)
- Hushed Taupe color palette (#FFDEE8, #D9968B, #A17249, #26565C, #003138)
- Blush Workshop color palette (#F6EBFF, #F09BB0, #BD6C73, #804E45, #493240)
- Amber Corridor color palette (#F6E6E8, #CD7C5F, #7C5526, #004E48, #002434)
- Hushed Stone Meadow color palette (#FCECFA, #E89C98, #51ACB3, #9A5F5C, #0C3743)
- Bronze Loft color palette (#FFF2F0, #E6CFC9, #C3A99D, #977933, #584C00)
Browse the whole catalog at Explore, or see today's palette.