Gentle Cocoa color palette — #F7DFD0 · #9F682F · #752A05 · #4C0B17 · #1E1400

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

The five colors

• Parchment (#F7DFD0): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#9F682F): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#752A05): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#4C0B17): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#1E1400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Bronze Dune color palette (#F6E5CC, #827720, #5C3F00, #411C00, #121900)
• Timeworn Chestnut color palette (#F4DAC8, #AC7D41, #824119, #592323, #302100)
• Worn Terracotta color palette (#FFEADE, #C29169, #A44A2C, #73303B, #39352F)
• Rust Bloom color palette (#D8EFE6, #C05442, #3D353D, #002A41, #000A14)
• Dusty Rust Field color palette (#ECDBE4, #C7935F, #C95210, #98303D, #001C09)
• Fern Canyon color palette (#F0E7D2, #536113, #342B00, #1B0D00, #000500)
• Hushed Meadow color palette (#D9F6E7, #005A74, #5B3C00, #392400, #001017)
• Weathered Bronze color palette (#FBF4E9, #C0B89F, #9E7938, #825019, #4E4A00)

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