Tempered Oat color palette — #EBF9F1 · #C9D184 · #94AA66 · #9C7885 · #213C32
Pistachio and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EBF9F1): bright and airy, almost weightless.
- Pistachio (#C9D184): A whisper-light, balanced green — the color of a quiet forest floor.
- Moss (#94AA66): A luminous, balanced green — the color of a quiet forest floor.
- Mocha (#9C7885): A luminous, dusty rose — the color of strawberry cream.
- Forest (#213C32): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Dusty Celadon color palette (#E9FAF4, #BCE2A9, #92B892, #809785, #324743)
- Antique Stone color palette (#EAFAEF, #ACBE77, #5A8F5E, #6E5A7D, #213C33)
- Softworn Chestnut color palette (#FCF4E4, #CDD6A4, #74965E, #905034, #2E2807)
- Tempered Mustard Pier color palette (#F0E8D8, #E1B700, #B59D00, #827A24, #373802)
- Softworn Courtyard color palette (#DDF5EA, #C7C63C, #00C7D9, #989719, #003D44)
- Wandering Lime Meadow color palette (#C4F0E0, #A4BC00, #00BEAE, #CB8151, #123229)
- Chartreuse Balcony color palette (#EEFBC9, #BED96E, #98AD42, #6A7E27, #1B2300)
- Hazy Mint Workshop color palette (#C6F7F1, #11E38D, #00B184, #817F34, #00381F)
Browse the whole catalog at Explore, or see today's palette.