Tempered Cocoa color palette — #F1E3DA · #5D636A · #7D3500 · #191C13 · #080500

Rust and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F1E3DA): a clean, paper-quiet neutral.
• Graphite (#5D636A): quiet, heavy and certain.
• Rust (#7D3500): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#191C13): a grounded near-black with real depth.
• Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Aged Mulberry Corridor color palette (#EFDAD7, #5F555A, #8F004B, #1F1A0C, #0E0200)
• Ember Field color palette (#F1DFDC, #C95F00, #634900, #231F00, #020700)
• Patina Lantern color palette (#FFF3E7, #EB9A26, #625400, #312A22, #140E0B)
• Aged Boulevard color palette (#F6F7E0, #6DB441, #3A4C34, #1F1F11, #080501)
• Velvet Bronze Parlor color palette (#F7D3E5, #A64E00, #4A2900, #1F100A, #14000B)
• Antique Veranda color palette (#F3D7DE, #BA8459, #5B6311, #1C3152, #00071E)
• Aged Grape Atelier color palette (#FDEAD2, #8D5B00, #6900D4, #4B258E, #020100)
• Midnight Olive Archive color palette (#EFE5C9, #837800, #222803, #1A2027, #060300)

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