Tempered Cocoa color palette — #EBE2E7 · #9AB09E · #6A867D · #5D2300 · #1F0C18

Built around Espresso, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#EBE2E7): a clean, paper-quiet neutral.
• Sage (#9AB09E): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#6A867D): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#5D2300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1F0C18): A deep, shadowed, dusty pink — the color of neon signs at night.

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

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

• Muted Garnet Cabin color palette (#F0E7F5, #B7A2B0, #6F876E, #690037, #19101D)
• Onyx Drift color palette (#DDE7DD, #89A097, #4D7A78, #3B2600, #030C04)
• Cocoa Summit color palette (#F0E3E8, #C5ADB4, #829E85, #7C4100, #200C16)
• Softworn Balcony color palette (#F8EBE0, #AB9D8E, #9C7334, #542900, #090300)
• Patina Station color palette (#E2EFEA, #A6BFBE, #72959F, #3C4C00, #14231E)
• Antique Chestnut Alley color palette (#FFF1F7, #BEDBC8, #7FB3A7, #894600, #422A36)
• Soft Study color palette (#F7D8CE, #8E7518, #115C35, #27254C, #22092D)
• Cypress Villa color palette (#EEF8F5, #D1DEE6, #B9C1CD, #4B8076, #3E4B48)

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