Tempered Cocoa color palette — #DFE8DB · #006A5E · #7C2C00 · #00322B · #080100

Rust takes the lead with Pine close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#DFE8DB): bright and airy, almost weightless.
• Pine (#006A5E): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#7C2C00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#00322B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#080100): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged 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

• Hazy Garnet color palette (#D2E9D5, #006C72, #91030C, #003437, #260001)
• Eclipse Cocoa color palette (#CFF5EC, #00564A, #662900, #362900, #000201)
• Mulberry Ridge color palette (#E2ECD7, #006C50, #850055, #003224, #090004)
• Shadow Cocoa Garden color palette (#D9F8ED, #00517C, #642600, #002136, #030000)
• Washed Meadow color palette (#F3F0CE, #A05A00, #00706E, #050C0F, #000200)
• Linen Brick Archive color palette (#D2EDF4, #008986, #BE1500, #00504E, #260100)
• Midnight Studio color palette (#FFECDB, #7B5C00, #542900, #350005, #020200)
• Velvet Petrol color palette (#D7F5FF, #007E91, #003C49, #001118, #000102)

Browse the whole catalog at Explore, or see today's palette.