Timeworn Oat color palette — #FBF2F7 · #B8DEAD · #7678A6 · #5C4553 · #30292D

Built around Pistachio, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Pistachio (#B8DEAD): A whisper-light, dusty green — the color of new leaves after rain.
• Slate (#7678A6): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#5C4553): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#30292D): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, 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

• Driftwood Cabin color palette (#F3F5FD, #B9E7F2, #897DAE, #493F64, #191A25)
• Hushed Shell color palette (#FAF3F9, #FFC0AD, #90728E, #584657, #312830)
• Timeworn Station color palette (#FFF1F1, #CBCA70, #945E7A, #583838, #2E1C1C)
• Ash Ridge color palette (#F1F5FF, #B8EADE, #9799C9, #616C8A, #282B34)
• Muted Amber color palette (#FBF2F6, #D5C7FF, #CF8760, #8F84B3, #332C28)
• Worn Pier color palette (#FAF6E1, #DEA6E8, #B98181, #3B7B7A, #594041)
• Ancient Lime Villa color palette (#FFF1F6, #9DCE3A, #7B4DB2, #432E5F, #26151C)
• Hushed Taupe color palette (#FCF2F4, #E2D9D2, #B2B1A7, #B39196, #585051)

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