Sunlit Cocoa color palette — #E3E1D3 · #69A885 · #2B7991 · #7F351A · #5F2B19

A conversation between Rust and Jade, giving this palette its sense of nature and growth.

The five colors

• Parchment (#E3E1D3): bright and airy, almost weightless.
• Jade (#69A885): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#2B7991): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#7F351A): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5F2B19): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

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

• Soft Petrol color palette (#E9EAD7, #6BA57F, #00809D, #5D4900, #1D4116)
• Garnet Grove color palette (#FFECDB, #9F9B53, #008767, #872E1F, #562F00)
• Wandering Parlor color palette (#DCF1E6, #52BFB7, #008DB6, #854D77, #59252C)
• Frosted Chestnut color palette (#C7FEF6, #8EB28D, #348F94, #894300, #46540E)
• Ancient Garnet Chapel color palette (#D1F2E0, #2FADA5, #007792, #6A1E5D, #400214)
• Plum Workshop color palette (#D9F1FF, #007BA9, #BA0045, #832F00, #00283A)
• Scarlet Veranda color palette (#C4ECFE, #0095AB, #D10034, #005866, #5C0011)
• Azure Corridor color palette (#EAF2D0, #4ED3BD, #52A7E3, #A8625A, #642C27)

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