Tempered Oat color palette — #FFF1F7 · #CDD79A · #85BBAB · #A27EA3 · #304F49

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

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Pistachio (#CDD79A): A whisper-light, balanced green — the color of fresh herbs.
• Mint Leaf (#85BBAB): A luminous, dusty teal — the color of shallow lagoons.
• Dusty Rose (#A27EA3): A luminous, dusty pink — the color of neon signs at night.
• Charcoal (#304F49): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged retro, light, 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

• Patina Station color palette (#EAFAEA, #F5C69C, #A7B589, #8885B7, #394E3D)
• Timeworn Oat color palette (#EEF8F3, #CBCB91, #7BB1D0, #AB7585, #5F333D)
• Muted Basalt color palette (#E6FBEF, #CBE2DE, #B1C9CF, #9D91A1, #5D4959)
• Hushed Mint Grove color palette (#E5F6F4, #90C791, #688084, #4A5856, #1C2421)
• Muted Meadow color palette (#FFF0FB, #82DACB, #70ACD5, #AB7064, #23424C)
• Petrol Summit color palette (#E6FBF3, #C6E8BE, #79B094, #337B9E, #244643)
• Fern Field color palette (#F9F5E5, #A8C99A, #719E84, #3E7791, #474D00)
• Faded Lime Canyon color palette (#FFF2EC, #83DB60, #00B4B5, #B94E8A, #0D3F29)

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