Sunlit Cocoa color palette — #D5E3CD · #007361 · #873800 · #5C2400 · #121F09

Rust takes the lead with Espresso close behind in a set that reads as optimism and balance at first glance.

The five colors

• Celadon Mist (#D5E3CD): A whisper-light, dusty green — the color of a quiet forest floor.
• Teal (#007361): A full-bodied, balanced teal — the color of glacier melt.
• Rust (#873800): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#5C2400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#121F09): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

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

• Dusty Terracotta color palette (#DDF6E1, #008087, #99441B, #69331B, #142D19)
• Feathered Mulberry Basin color palette (#CFE6C8, #007267, #8D274B, #631331, #0E2007)
• Dusty Cocoa color palette (#D8F5FF, #005B70, #702A00, #471800, #001016)
• Aubergine Thicket color palette (#F6D9AF, #00859E, #513890, #462E00, #002C23)
• Feathered Market color palette (#CFE8FF, #006CAE, #6F5400, #4D3A00, #00213A)
• Softworn Workshop color palette (#C9E7CE, #00929B, #6D64B7, #4D5A00, #05210D)
• Washed Garden color palette (#D7F3FD, #00727A, #4D4898, #303C00, #00090E)
• Azure Delta color palette (#FFF0FE, #6591D4, #8B7F4C, #6B5F2F, #453845)

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