Tempered Cocoa Parlor color palette — #E8F1EA · #C4D4CE · #80B1B0 · #644800 · #000401

Bronze and Sage set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#E8F1EA): a clean, paper-quiet neutral.
• Oat (#C4D4CE): bright and airy, almost weightless.
• Sage (#80B1B0): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#644800): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Garnet Station color palette (#F4EBF1, #C6D4C6, #89B0A0, #8B2200, #070005)
• Dusty Harbor color palette (#E5F3ED, #A9C0BF, #7599A2, #3A4100, #000201)
• Aged Olive Grove color palette (#EAE2D7, #AEAA90, #758846, #493300, #1A1206)
• Aged Chapel color palette (#EFF7F7, #D0DBE8, #A1BFD7, #007249, #001010)
• Wandering Garnet Harbor color palette (#C9E9E4, #41A08E, #005765, #550021, #000201)
• Fern Quarry color palette (#C5E9DA, #4C5300, #39444C, #111B19, #000803)
• Softworn Basalt color palette (#FAE1D5, #A89A5A, #006857, #531B38, #230012)
• Bronze Courtyard color palette (#FFE0D5, #AA6200, #195000, #2D003D, #020100)

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