Oat Garden color palette — #F9ECCC · #CCD286 · #8EAA6E · #735400 · #36342D
A conversation between Pistachio and Coffee, giving this palette its sense of nature and growth.
The five colors
- Custard (#F9ECCC): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#CCD286): A whisper-light, balanced green — the color of fresh herbs.
- Moss (#8EAA6E): A luminous, balanced green — the color of a quiet forest floor.
- Coffee (#735400): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#36342D): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Oat Garden 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
- Fern Thicket color palette (#F6F6CC, #B4D5B0, #4FAD87, #5D6901, #32332C)
- Softworn Chestnut color palette (#FEF5D7, #D8E5B9, #95BC92, #746527, #4D4200)
- Gentle Emerald color palette (#E6E1B9, #8FBF7D, #489E67, #545400, #2A2700)
- Terracotta Station color palette (#FFE6D4, #F1B680, #B49252, #8F3D29, #3A3430)
- Teal Canyon color palette (#F6E8CD, #C9C297, #40B895, #894100, #1F1E00)
- Ancient Driftwood color palette (#F0F9E6, #C3EAD9, #A3D1C4, #828C67, #495442)
- Worn Moss Boulevard color palette (#E1DFCA, #9E8D2C, #2F3C00, #121900, #030800)
- Soft Hollow color palette (#D6FAE1, #CEDFAC, #56D2AC, #C55703, #313201)
Browse the whole catalog at Explore, or see today's palette.