Tempered Cocoa Field color palette — #FAF4ED · #C4E1CC · #9AB987 · #7A8C71 · #554400
Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Celadon Mist (#C4E1CC): A whisper-light, dusty teal — the color of sea glass.
- Sage (#9AB987): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#7A8C71): A luminous, dusty green — the color of fresh herbs.
- Deep Olive (#554400): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
Use it as a design system
One click turns Tempered Cocoa Field 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
- Tempered Driftwood color palette (#F5F6EF, #B6E5E1, #7FBBB9, #888B43, #374F0C)
- Stone Garden color palette (#ECF9F3, #D8E4B7, #A7BF92, #84A19E, #3F524B)
- Worn Studio color palette (#EEF8F2, #A6CABC, #738963, #4E6C6D, #40524B)
- Dusty Pier color palette (#FDF3E8, #D0EABF, #8AAB61, #8A6C80, #3B3831)
- Cerulean Lagoon color palette (#F9F4EF, #C3E1F3, #C8BDF3, #529FA8, #5D4553)
- Timeworn Fern Pier color palette (#EEDFC8, #909532, #225D00, #291C5F, #010100)
- Timeworn Lagoon color palette (#F8F6E3, #ADDEB9, #00A08A, #326C80, #262A16)
- Fern Delta color palette (#FFF3E7, #B7A05D, #5B6700, #273A65, #0B0700)
Browse the whole catalog at Explore, or see today's palette.