Tempered Oat color palette — #FEF4E0 · #C3DB94 · #64986F · #7B5767 · #2C290B

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

The five colors

• Cream (#FEF4E0): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#C3DB94): A whisper-light, balanced green — the color of a quiet forest floor.
• Fern (#64986F): A luminous, balanced teal — the color of shallow lagoons.
• Graphite (#7B5767): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#2C290B): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Worn Lagoon Balcony color palette (#F9F6E3, #ACDFB2, #3C9D85, #4C6C5A, #262A10)
• Worn Orchard color palette (#F9F6E4, #C6F3C8, #63AF98, #8A6D73, #373D00)
• Pale Station color palette (#FCF5DE, #8FCF7A, #008C63, #6D434D, #191A00)
• Pale Lantern color palette (#FFF3E5, #D5C735, #608E15, #564F86, #231F00)
• Pale Parlor color palette (#FFF1F3, #FEADF8, #3FB078, #9B5C97, #00311B)
• Ancient Hollow color palette (#E7FBF2, #79A69B, #307340, #274D74, #133E36)
• Timeworn Basalt Loft color palette (#FFECF3, #A7A276, #4E6F40, #62325D, #042215)
• Emerald Summit color palette (#E5E3C2, #00A966, #005A51, #42173F, #000201)

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