Tempered Oat color palette — #EAFAF0 · #CFCF84 · #9AA868 · #957996 · #1E3C30
Pistachio and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EAFAF0): A whisper-light, dusty teal — the color of glacier melt.
- Pistachio (#CFCF84): A whisper-light, balanced green — the color of new leaves after rain.
- Sage (#9AA868): A luminous, balanced green — the color of new leaves after rain.
- Heather (#957996): A luminous, dusty pink — the color of a candy shop window.
- Forest (#1E3C30): A deep, shadowed, dusty teal — the color of sea glass.
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
- Mustard Hollow color palette (#D5EBDE, #BBC16C, #869A51, #8F6777, #093124)
- Washed Harbor color palette (#E7FAF7, #9CDBAD, #63B38E, #648A9D, #113D3B)
- Powdered Lime color palette (#CCF6EB, #7BDB6D, #2EB25F, #A86940, #12370D)
- Tempered Ridge color palette (#EAF9F6, #B1EBE7, #8EC0C1, #AB929B, #3A5251)
- Frosted Cabin color palette (#F8DAF2, #FF8579, #C2A228, #B87BC3, #3A2137)
- Hushed Harbor color palette (#FFF0FA, #E9DCC7, #FDC791, #D09999, #513B49)
- Timeworn Aqua Market color palette (#EDF8F5, #A6F0EE, #46C6D0, #369F8F, #00434C)
- Patina Olive color palette (#FAEEF2, #80AB94, #477230, #483D6E, #022315)
Browse the whole catalog at Explore, or see today's palette.