Tempered Oat color palette — #EFF6FF · #BED6FF · #E0C387 · #8DA9D8 · #38553F

A conversation between Sand and Mauve, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Powder Blue (#BED6FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sand (#E0C387): A whisper-light, balanced gold — the color of honey in a jar.
• Mauve (#8DA9D8): A luminous, dusty violet — the color of a velvet chair.
• Deep Olive (#38553F): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. 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

• Timeworn Oat Basin color palette (#F4F4FF, #E5C6FF, #B1D492, #B999D2, #34544D)
• Antique Turquoise color palette (#ECF7FF, #A0DFFF, #F6B698, #6BB2D6, #5E4453)
• Timeworn Powder color palette (#F0F5FF, #AFC6FF, #D9B980, #9AAC78, #384354)
• Ancient Stone Grove color palette (#FFF0F8, #F9CBD9, #D9AA92, #9F8A9D, #3F4B42)
• Weathered Archive color palette (#F1F5FF, #BEBDFF, #D6C422, #8478F3, #423B00)
• Softworn Terrace color palette (#FFF0FE, #A2C6FF, #79C49F, #718DBA, #4B4E47)
• Ancient Celadon color palette (#F2F5FF, #C9EAB2, #9C98C5, #666C83, #282B35)
• Worn Delta color palette (#F8EEF7, #9CB4DE, #BF9354, #436EC1, #35302A)

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