Sunlit Cocoa color palette — #F4DAB5 · #AAAA58 · #9B6E00 · #873600 · #113200

Rust takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Peach Cream (#F4DAB5): A whisper-light, dusty gold — the color of old brass.
• Sage (#AAAA58): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#9B6E00): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#873600): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#113200): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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

• Garnet Meadow color palette (#F3E0D1, #B29B6F, #A35D27, #8C1B28, #2C2300)
• Softworn Mustard color palette (#FFF3E2, #C8C037, #A67300, #7F3209, #0B1E00)
• Feathered Mustard Villa color palette (#F4DAB4, #D5B628, #BF8A00, #9C6225, #2A2B00)
• Amber Ridge color palette (#CDE6D0, #A68C00, #775400, #593100, #2A2B00)
• Chalky Mulberry Chapel color palette (#FFEADD, #D7AB77, #C26B47, #9D3851, #3D3605)
• Weathered Basalt color palette (#FFF4E1, #C5BEA1, #A38C5A, #8A5D42, #3D4100)
• Timeworn Fern color palette (#F9EFD7, #6F874A, #605200, #482700, #001005)
• Teal Parlor color palette (#FFDCDB, #E9996B, #00A891, #00382F, #101E07)

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