Tempered Oat color palette — #FAF5E6 · #BDDBA6 · #5F9878 · #4D6C54 · #2B2908
A conversation between Pistachio and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#FAF5E6): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#BDDBA6): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#5F9878): A luminous, dusty teal — the color of glacier melt.
- Pine (#4D6C54): A full-bodied, dusty teal — the color of shallow lagoons.
- Onyx (#2B2908): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Washed Driftwood color palette (#FFF3E8, #DFCFA3, #879053, #526386, #342507)
- Basalt Garden color palette (#F7F6EB, #C6E8CD, #6CAC9F, #607E70, #333E00)
- Timeworn Lagoon color palette (#F9F6E2, #9AC99F, #008A71, #604665, #171B00)
- Pine Parlor color palette (#F2F3E7, #7EAE7E, #2C7549, #3C4D2D, #1C1E04)
- Faded Terrace color palette (#FEF5D9, #BCE8A7, #4DA67D, #7B5B93, #1F3611)
- Olive Drift color palette (#ECE1C9, #6C8443, #004922, #211137, #010100)
- Softworn Pier color palette (#FDF3EE, #BCEBF5, #52B3D9, #008263, #093051)
- Weathered Meadow color palette (#FAF4EC, #C0E4CE, #AEB289, #977D8B, #534600)
Browse the whole catalog at Explore, or see today's palette.