Tempered Oat color palette — #FFF0F7 · #E9C2A2 · #B48FA1 · #886A7C · #524348

Sand takes the lead with Dusty Rose close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Sand (#E9C2A2): A whisper-light, dusty gold — the color of honey in a jar.
• Dusty Rose (#B48FA1): A luminous, dusty rose — the color of pressed rose petals.
• Slate (#886A7C): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#524348): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Amber Drift color palette (#FFF0F8, #E4B28D, #BA8060, #7C5F72, #4C363E)
• Worn Taupe color palette (#EEF9ED, #B5D4B8, #B5956F, #876C76, #3E4C41)
• Patina Lagoon color palette (#FBF2F7, #FFC1A2, #A3A664, #B47E62, #273128)
• Patina Sand color palette (#FFF3E6, #F1CD89, #B29D5D, #7D753B, #464900)
• Timeworn Cabin color palette (#FEF1F9, #E9876A, #839046, #806287, #362D38)
• Bronze Dune color palette (#E0F6E0, #D4AE62, #B07A20, #7F572C, #413407)
• Amber Archive color palette (#E1F4E5, #B79D35, #8E6C00, #654713, #002C1B)
• Sunlit Corridor color palette (#F8DCE7, #AE6C00, #7A4200, #4F2100, #120900)

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