Tempered Cocoa color palette — #F6D9C6 · #5D636A · #7F3200 · #1A1C13 · #080500

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

The five colors

• Peach Cream (#F6D9C6): A whisper-light, dusty gold — the color of old brass.
• Graphite (#5D636A): quiet, heavy and certain.
• Rust (#7F3200): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#1A1C13): 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

• Fern Quarry color palette (#F5F0DD, #455250, #5D4C00, #131C1A, #010800)
• Worn Loft color palette (#FFE5E1, #61575C, #8E004E, #1F1A0C, #0F0200)
• Softworn Garden color palette (#FDDED9, #D65F00, #6B4800, #2E2600, #010100)
• Tempered Villa color palette (#FFF3E7, #D3A471, #635400, #33291E, #150E0A)
• Hushed Moss Garden color palette (#F6F7E1, #7AB053, #3D4B37, #1F1F11, #080501)
• Patina Lantern color palette (#FFE3F2, #AA4A00, #462C00, #2C1F12, #110300)
• Shadow Workshop color palette (#EAE8CF, #536A00, #2B3637, #001710, #010100)
• Grape Ridge color palette (#F5E4CA, #885E00, #5227D6, #3D22A0, #020100)

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