Tempered Cocoa Corridor color palette — #D8EDEF · #006254 · #663000 · #342A00 · #000300

Bronze takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D8EDEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Pine (#006254): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#663000): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#342A00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Tempered Cocoa Corridor 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

• Denim Bloom color palette (#CCE8F7, #006379, #4A4100, #0D2C00, #000202)
• Antique Study color palette (#C7E8E3, #166F0D, #780012, #3E2200, #020200)
• Softworn Plum color palette (#D4F3E1, #00829E, #B10077, #554100, #000203)
• Ancient Aubergine color palette (#DDF2FF, #00627C, #500E8F, #003408, #000302)
• Frosted Bloom color palette (#DFEBFF, #2459E0, #0F5C0B, #003934, #00070D)
• Muted Corridor color palette (#D3F0F9, #008685, #815500, #484C00, #001516)
• Faded Cobalt color palette (#EEF6FF, #308BD5, #617D27, #005C47, #002231)
• Feathered Fern Veranda color palette (#EAF8FF, #00A5C3, #806E00, #206A00, #002C27)

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