Tempered Oat color palette — #FBF3F0 · #C4DFE6 · #A4D3BF · #95AA86 · #5D4C5F

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#C4DFE6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Pistachio (#A4D3BF): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#95AA86): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#5D4C5F): A full-bodied, dusty pink — the color of neon signs at night.

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

• Powder Loft color palette (#FBF3EF, #C2E0E4, #9EC6E8, #84AE92, #325246)
• Hushed Lagoon color palette (#FFF1F3, #E3D9D1, #D8B0C0, #98BCB7, #664D4B)
• Aged Aqua Field color palette (#FEF3ED, #D0E8CF, #54C2DC, #4D9F72, #173F56)
• Tempered Cocoa Workshop color palette (#FFF2EB, #EAD5C1, #D1AD98, #AE887C, #604100)
• Patina Parlor color palette (#F6F0F4, #D3D2EB, #5FA6C9, #3A7867, #293748)
• Feathered Cobalt color palette (#E9DBD3, #63ACC5, #017ABD, #005E56, #00022B)
• Aged Delta color palette (#FFF1F2, #F1C5E8, #9FD6B1, #CE91C2, #46540A)
• Washed Azure color palette (#F4E1D9, #A5CBAC, #00A1CC, #008060, #00213C)

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