Tempered Oat color palette — #E5FCEF · #E1D6DD · #9ED1D4 · #ABAFA2 · #5D4A5B

Oat and Charcoal Brown set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#E5FCEF): A whisper-light, dusty teal — the color of glacier melt.
• Silver (#E1D6DD): a clean, paper-quiet neutral.
• Oat (#9ED1D4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#ABAFA2): soft and architectural.
• Charcoal Brown (#5D4A5B): A full-bodied, dusty pink — the color of a candy shop window.

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

• Ash Loft color palette (#FFEFFF, #E4D6E1, #BAB5A2, #80B5B0, #57404E)
• Lagoon Garden color palette (#E7F4FF, #D8D6E3, #D4B5DE, #308F93, #223145)
• Wandering Atelier color palette (#FFF4E0, #CAD997, #BCAB7E, #9F8169, #3B4200)
• Wandering Aqua Lantern color palette (#D5EFE1, #FFC277, #18E0F5, #4D6051, #262E28)
• Muted Powder Villa color palette (#FFF0F9, #AEB0FF, #B0B271, #939555, #402B38)
• Straw Hollow color palette (#FDF1FB, #D3DD90, #7994CE, #745970, #281E27)
• Softworn Corridor color palette (#EDF6FF, #E4DCFF, #FFB8CE, #00B5CB, #313157)
• Timeworn Stone Studio color palette (#FFE3F2, #FFC4D1, #EDB580, #6C9FCC, #48252C)

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