Tempered Oat color palette — #F3F4FF · #BADD9F · #6F568B · #2F1F40 · #030210

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Pistachio (#BADD9F): A whisper-light, balanced green — the color of fresh herbs.
• Slate (#6F568B): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#2F1F40): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#030210): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Washed Lichen Summit color palette (#F6F3FD, #DDEEB5, #8C688C, #3B3253, #110C1C)
• Chalky Mulberry Drift color palette (#F9F2FF, #C5CE2A, #981966, #3C0025, #020005)
• Tempered Aubergine Hollow color palette (#E9E7F4, #D38B78, #6B1F71, #2D0B30, #06040D)
• Ancient Driftwood Study color palette (#F8EBED, #F2B8AA, #A374A8, #6D4571, #230F14)
• Rust Dune color palette (#FFF0FC, #E6DC81, #AF423A, #511915, #120110)
• Washed Aubergine Atelier color palette (#FCE9EF, #83A86C, #57257C, #291839, #201116)
• Ancient Cocoa color palette (#FFF0FA, #CFBB5D, #89300F, #300900, #040002)
• Soft Drift color palette (#F5F4FF, #EFB9FE, #C57139, #965BA6, #0F0108)

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