Tempered Oat color palette — #FBF5E7 · #DDDDCA · #C2D393 · #95BFBA · #3D3B34

Pistachio takes the lead with Ash close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF5E7): bright and airy, almost weightless.
• Bone (#DDDDCA): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#C2D393): A whisper-light, balanced green — the color of new leaves after rain.
• Ash (#95BFBA): A luminous, dusty teal — the color of sea glass.
• Charcoal (#3D3B34): quiet, heavy and certain.

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

• Sand Basin color palette (#FFF3E7, #E3DBD1, #EACA89, #B0B5A8, #613C00)
• Softworn Seafoam Canyon color palette (#F8F5E8, #CDFFCD, #BAE7CD, #87D9B9, #3D3D36)
• Weathered Ash color palette (#FDF6D8, #D0E2C9, #BBC1A6, #829D8B, #43584E)
• Worn Basin color palette (#E9F5EE, #F0DBC2, #E6C265, #76B184, #1B332A)
• Bronze Boulevard color palette (#F6F6EE, #BBE3D7, #AAB392, #A1813D, #474B00)
• Patina Market color palette (#EFFAE4, #BDEDE0, #C4C3D0, #2DCEBE, #233017)
• Mustard Study color palette (#FBF5E5, #BAB160, #625400, #2F2B21, #120F0A)
• Ancient Cocoa Coast color palette (#F6F6E7, #B7EFD3, #FABAAA, #87A570, #6E340F)

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