Cocoa Garden color palette — #FFF0F8 · #DDA578 · #A3643E · #732E10 · #240613

Built around Rust, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Camel (#DDA578): A luminous, balanced gold — the color of old brass.
• Ochre (#A3643E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#732E10): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#240613): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

Use it as a design system

One click turns Cocoa Garden 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

• Dusty Bronze Station color palette (#FFF1F5, #D2AB70, #A16816, #693804, #001807)
• Garnet Garden color palette (#FFECF4, #FF96B3, #BD485D, #7E0012, #2F0300)
• Cocoa Field color palette (#F4DECE, #AE7A36, #883B00, #5B1216, #150D00)
• Gentle Amber color palette (#FFF1F6, #F8C58F, #C97D3A, #8B4D28, #382300)
• Patina Chestnut Boulevard color palette (#D5EDD5, #B4955A, #825500, #4A2800, #060300)
• Antique Drift color palette (#EDD7E2, #D5A872, #C5784D, #AB4545, #2D2300)
• Cocoa Meadow color palette (#FCE6F1, #98653F, #622800, #270600, #020100)
• Dusty Basin color palette (#DBFFED, #B8C558, #878200, #5B4D00, #141C00)

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