Tempered Cocoa color palette — #ECDCFC · #915472 · #682900 · #00292D · #000D13

A conversation between Rust and Pewter, giving this palette its sense of optimism and sophistication.

The five colors

• Thistle (#ECDCFC): A whisper-light, dusty violet — the color of twilight just after sunset.
• Pewter (#915472): A full-bodied, balanced rose — the color of pressed rose petals.
• Rust (#682900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#00292D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000D13): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Optimism, Sophistication. Tagged vintage, 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 Grove color palette (#FFE4F9, #AD4145, #5F4212, #002B34, #000A0D)
• Hushed Plum color palette (#E9E9FB, #964D8C, #693734, #1E2904, #000E06)
• Onyx Coast color palette (#D5E3F6, #7F6A99, #6B3C3E, #003046, #001A3C)
• Driftwood Villa color palette (#FFE8F8, #B06A75, #82543E, #004429, #002120)
• Hazy Plum color palette (#F3E5ED, #B1005A, #6E001E, #360E00, #0B0300)
• Rust Courtyard color palette (#F5E5E1, #B74800, #5D2000, #200500, #040000)
• Shadow Balcony color palette (#FFDAD4, #8D0505, #00474C, #142A44, #040000)
• Blush Lagoon color palette (#F9DBF6, #DC6684, #A55A00, #004E5C, #00242C)

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