Tempered Oat color palette — #F7F1E6 · #E3E1B1 · #B4D38B · #95A068 · #35290A
A conversation between Pistachio and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F1E6): bright and airy, almost weightless.
- Celadon Mist (#E3E1B1): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#B4D38B): A whisper-light, balanced green — the color of fresh herbs.
- Moss (#95A068): A luminous, dusty green — the color of new leaves after rain.
- Espresso (#35290A): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Sophistication. 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
- Hushed Loft color palette (#FBF2CE, #B1C386, #789353, #466335, #393A33)
- Washed Balcony color palette (#F2F4E3, #BAECC9, #7EDBC2, #5FA98A, #2F312A)
- Sand Parlor color palette (#FFEEE4, #E5D4C7, #FFB48D, #C39864, #3D2815)
- Wandering Cypress color palette (#F2F2EB, #C5E3D9, #85A687, #3E7769, #273C2C)
- Honey Harbor color palette (#ECF9EE, #D9D6CB, #E4C978, #5AA677, #2E4E40)
- Misty Market color palette (#FBF3CC, #EDCA00, #A8B300, #45A100, #1B2300)
- Pale Clover color palette (#F2F4E1, #BCDB65, #6EC65C, #179C65, #002305)
- Seafoam Courtyard color palette (#FDF4E3, #E4DDD2, #97E3D1, #AFC3B1, #524000)
Browse the whole catalog at Explore, or see today's palette.