Pale Cocoa color palette — #F1DEC2 · #879D71 · #138A94 · #843C00 · #361500

A conversation between Bronze and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F1DEC2): A whisper-light, dusty gold — the color of honey in a jar.
• Moss (#879D71): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#138A94): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#843C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#361500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Cocoa Market color palette (#E2E7CF, #778D60, #007576, #6F3300, #0F1200)
• Ancient Mulberry Lantern color palette (#F8E9D8, #AB8A5A, #517F57, #824153, #281600)
• Spruce Ridge color palette (#D7F2D7, #8EA98C, #6C89B7, #5B6225, #003408)
• Gentle Aubergine Cabin color palette (#DCEDDE, #4E9C8C, #007284, #61225D, #390B1E)
• Rust Loft color palette (#E8E4D4, #B9BF8B, #00B398, #C75340, #493C00)
• Weathered Grove color palette (#D2E8CF, #00A167, #007C7A, #005058, #001420)
• Crimson Pier color palette (#E2EDE2, #00A1A2, #E5224F, #007172, #260005)
• Bronze Hollow color palette (#E5F2E0, #7AC3CB, #AB88A6, #8B7333, #37332D)

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