Frosted Cocoa color palette — #FEF1F8 · #CD8561 · #795700 · #813500 · #071E0D

Rust and Coral Clay set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Coral Clay (#CD8561): A luminous, balanced orange — the color of toasted spice.
• Coffee (#795700): A full-bodied, balanced gold — the color of old brass.
• Rust (#813500): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#071E0D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Balance. Tagged duotone.

Use it as a design system

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

• Linen Garnet Field color palette (#FCF2F9, #CC8379, #894C00, #980508, #290E1A)
• Worn Alley color palette (#F0F8EF, #CDA77B, #787200, #855300, #102A1F)
• Faded Studio color palette (#E4F8EA, #AA8B00, #2C6400, #554500, #051700)
• Timeworn Bronze Station color palette (#E0F5E7, #A67F2D, #645C00, #004C3E, #00342F)
• Bronze Grove color palette (#FFDDB7, #B69256, #806700, #4D4600, #133917)
• Mulberry Archive color palette (#F9EEF8, #E97A79, #387600, #A10122, #000907)
• Soft Moss color palette (#FEF2EE, #FF8F89, #738D00, #B54A47, #1C1906)
• Hushed Bronze color palette (#EFDDE4, #A76429, #4B3E00, #4D2600, #000502)

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