Tempered Oat color palette — #FDF1FA · #C1DBA8 · #6C7BA9 · #594655 · #32282F

Pistachio and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Pistachio (#C1DBA8): A whisper-light, dusty green — the color of fresh herbs.
• Slate (#6C7BA9): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#594655): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#32282F): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Timeworn Study color palette (#FCF2F9, #FFBFB7, #707BA2, #594654, #32282F)
• Weathered Mint color palette (#FFF1F3, #A1D591, #8D5F8C, #5B363D, #2D1C1F)
• Muted Quarry color palette (#FDF2F7, #FDD3C5, #A097C2, #846172, #34272D)
• Softworn Amber Archive color palette (#FAF2F8, #C4CEFF, #C68E52, #7E88BE, #322D27)
• Mallow Parlor color palette (#F3F8E6, #C5B0F8, #BB7F85, #3C7B76, #584044)
• Washed Mint color palette (#FFF0FA, #00DAA7, #565BBE, #313563, #271221)
• Taupe Drift color palette (#FCF2F5, #E3D9D2, #B3B4A7, #B2919A, #585052)
• Aged Lilac color palette (#FFF0F7, #AC9FE7, #95A36A, #758151, #483740)

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