Tempered Oat color palette — #FCF4E4 · #C2DB9D · #B7AD7E · #9E8268 · #374300

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

The five colors

• Cream (#FCF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#C2DB9D): A whisper-light, balanced green — the color of new leaves after rain.
• Sage (#B7AD7E): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#9E8268): A luminous, dusty gold — the color of old brass.
• Deep Olive (#374300): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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

• Wandering Sand Ridge color palette (#FFF2E9, #F0CA90, #D39F83, #A77C70, #3F3D36)
• Worn Stone Atelier color palette (#E5FCEF, #BAC491, #979160, #7A663F, #28433D)
• Pale Sunflower color palette (#FFECCE, #CAD156, #CE9A18, #AF6D48, #35362F)
• Aqua Lagoon color palette (#E6FBEE, #00CEF5, #DD9C7A, #B68267, #23382C)
• Antique Cocoa Bloom color palette (#E3F8EC, #8BB6A9, #7E763F, #674400, #012926)
• Washed Ridge color palette (#F5E7CC, #A4BE62, #A88C0C, #905E34, #212703)
• Amber Alley color palette (#FFD4BC, #EEA900, #E56D00, #AE4E57, #2C2B00)
• Wandering Periwinkle Delta color palette (#FEF0FC, #79AFFF, #D17E79, #AF6E6A, #292C19)

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