Timeworn Oat color palette — #FFE9E1 · #C2DBC7 · #C5B6AA · #56424F · #2C262A
Oat takes the lead with Cocoa close behind in a set that reads as sophistication at first glance.
The five colors
- Rose Water (#FFE9E1): A whisper-light, dusty orange — the color of sun-warmed clay.
- Oat (#C2DBC7): A whisper-light, dusty teal — the color of sea glass.
- Stone (#C5B6AA): A luminous, dusty gold — the color of old brass.
- Cocoa (#56424F): A full-bodied, dusty pink — the color of peonies in June.
- Onyx (#2C262A): a grounded near-black with real depth.
Feels like: Sophistication. Tagged neon, dark, vibrant, muted.
Use it as a design system
One click turns Timeworn 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
- Aged Lagoon color palette (#CDFAF5, #FFEDBA, #D3D5CA, #36493C, #232E26)
- Ancient Stone Terrace color palette (#FFF0F8, #EFB494, #9FB78C, #987496, #3D2C35)
- Wandering Harbor color palette (#F1F7F1, #D2DCDB, #B5B5C0, #7FA8B0, #485049)
- Dusty Coast color palette (#FFD6F3, #F0CF43, #FFA47C, #4E4A43, #3B332E)
- Glacier Quarry color palette (#D8E5FF, #76F3FB, #FFC1C6, #736274, #39343A)
- Hushed Glacier Boulevard color palette (#DAECFF, #2DE5F5, #FF9B99, #39312E, #1E1917)
- Aged Stone Ridge color palette (#FDF1FB, #E79F9E, #7991C1, #6E5A89, #292030)
- Tempered Frost color palette (#FCF2F7, #BDF2F8, #9F798D, #563E4B, #22181D)
Browse the whole catalog at Explore, or see today's palette.