Tempered Cocoa color palette — #FCF1FF · #95B286 · #3B8390 · #7C4754 · #2F4E4F
Coffee takes the lead with Slate close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FCF1FF): A whisper-light, dusty pink — the color of neon signs at night.
- Sage (#95B286): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#3B8390): A full-bodied, dusty blue — the color of deep harbor water.
- Coffee (#7C4754): A full-bodied, dusty red — the color of a theater curtain.
- Charcoal (#2F4E4F): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Tempered Cocoa 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
- Patina Meadow color palette (#F9F1E4, #84BA9B, #418587, #6E3E6B, #25301E)
- Patina Pewter Studio color palette (#EAFAED, #9BCBAF, #59A0A3, #8B5B88, #2B4E52)
- Aged Cypress Corridor color palette (#FAF3F8, #D5E0F1, #7C9DB9, #457C63, #44536C)
- Timeworn Teal color palette (#EAF8F9, #66A78F, #8D607B, #6D445D, #603339)
- Ancient Garden color palette (#E8FBE9, #2EABAC, #56669F, #684600, #244151)
- Garnet Garden color palette (#FFF0FC, #18A566, #00698F, #830F0E, #003F39)
- Lagoon Study color palette (#E6F5F7, #13917C, #2B3F4C, #1E2B2D, #0F1618)
- Aged Canyon color palette (#FFF2EF, #B8DDAB, #5CBED3, #AC7C88, #39510D)
Browse the whole catalog at Explore, or see today's palette.