Quiet Cocoa color palette — #FDDEC8 · #936920 · #6E2E00 · #470013 · #080500

Rust and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Peach Cream (#FDDEC8): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#936920): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#6E2E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#470013): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Quiet 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

• Ancient Workshop color palette (#F3E9D9, #707832, #564000, #3A1800, #050600)
• Dusty Chestnut color palette (#FBE8D8, #9D824C, #824100, #58161A, #130E00)
• Dusty Bronze Workshop color palette (#FEEFE2, #BEA882, #9B683D, #6F3B37, #272310)
• Deep Garnet color palette (#CDE7D8, #005C71, #830013, #1B2E00, #000301)
• Twilit Quarry color palette (#DEF4EE, #BC5438, #002B4F, #000816, #000201)
• Soft Market color palette (#D9ECE2, #0085A6, #7B004F, #003D4D, #040000)
• Muted Rust color palette (#EEDECB, #D54C00, #00818B, #030D14, #000200)
• Misty Aubergine color palette (#CFE4EC, #316FCA, #5A00AC, #3B0034, #100002)

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