Tempered Oat color palette — #E1FCF5 · #B0D58D · #CCAEF1 · #CC9EBE · #334742

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

The five colors

• Ivory (#E1FCF5): A whisper-light, dusty teal — the color of glacier melt.
• Pistachio (#B0D58D): A whisper-light, balanced green — the color of fresh herbs.
• Lavender (#CCAEF1): A luminous, balanced violet — the color of twilight just after sunset.
• Mauve (#CC9EBE): A luminous, dusty pink — the color of a candy shop window.
• Charcoal (#334742): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged 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

• Seafoam Market color palette (#E0FBFD, #70E0B9, #E6A7CD, #D1928A, #2D4849)
• Honey Archive color palette (#E8FBEC, #ECC15E, #9BBFF9, #B69BC5, #36473A)
• Dusty Chartreuse Hollow color palette (#FFDFB5, #E5D3FF, #C5E362, #596F68, #2E3834)
• Pale Archive color palette (#F5F8DC, #83C57C, #63B3BF, #AA8D65, #434700)
• Patina Drift color palette (#BEFDD5, #41F19C, #DE6BA6, #D85BCE, #003B20)
• Worn Peony color palette (#BBF0F8, #3CE1C7, #DB896B, #CE6995, #0A3137)
• Mint Delta color palette (#D5FFFB, #C3F4C0, #93CB99, #749770, #093E3B)
• Softworn Teal color palette (#EAF8FB, #FFD4B4, #6BACA6, #597278, #202E31)

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