Tempered Oat color palette — #F7F3FB · #E4D7DD · #A7CECE · #BBADAB · #545157

Built around Oat, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F7F3FB): a clean, paper-quiet neutral.
• Silver (#E4D7DD): a clean, paper-quiet neutral.
• Oat (#A7CECE): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#BBADAB): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#545157): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Taupe Harbor color palette (#FCF2F9, #E9D4D5, #D0BAB9, #CD8D7E, #42373F)
• Softworn Stone Orchard color palette (#ECF9F3, #BAEADD, #A1C096, #AA92A1, #3C524D)
• Stone Meadow color palette (#FFF1F6, #FFBBC5, #DC9C8F, #709682, #504250)
• Amber Studio color palette (#EFF8EF, #BBE7DF, #9ECDCA, #C88A00, #243926)
• Aged Mulberry color palette (#E3DAE7, #B498A2, #A27E88, #9D3C5F, #0D0611)
• Bronze Parlor color palette (#F6E6EB, #ADC4AE, #86ABA5, #A06000, #1C0F14)
• Worn Workshop color palette (#FBECFC, #FF929D, #897484, #5B515B, #242025)
• Worn Oat Courtyard color palette (#F5F4FC, #DFD7DF, #B1CDC6, #B9ACAE, #525257)

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