Timeworn Oat color palette — #F1F5FD · #B6DDBE · #6B7EA0 · #414D63 · #262B36

A conversation between Celadon Mist and Slate, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F1F5FD): a clean, paper-quiet neutral.
• Celadon Mist (#B6DDBE): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#6B7EA0): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#414D63): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#262B36): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Denim Alley color palette (#F1F5FE, #A7CAB3, #4D5C87, #283856, #26242F)
• Pewter Delta color palette (#F7F3FF, #DAC18E, #8E6181, #57354E, #241E2D)
• Ancient Periwinkle color palette (#FBF2F9, #EBDEB0, #879DD5, #7F627A, #312830)
• Hushed Iris Market color palette (#F2F5FC, #CBCBFF, #C78791, #8683C7, #342A36)
• Muted Mallow Coast color palette (#ECF9EE, #D0AFE4, #B08395, #68754D, #494459)
• Tempered Ash color palette (#F4F4FC, #DED7DE, #BDADAF, #9798B7, #51525B)
• Ash Cabin color palette (#F2F4FF, #A29BD3, #A58454, #446F4E, #263743)
• Aubergine Bloom color palette (#DBDCEF, #C69F47, #644289, #33194E, #09081D)

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