Faded Cocoa color palette — #F8E5D7 · #C17F5A · #0087B2 · #873C00 · #00202D

Burnt Sienna takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F8E5D7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#C17F5A): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#0087B2): A full-bodied, balanced blue — the color of deep harbor water.
• Burnt Sienna (#873C00): A full-bodied, balanced orange — the color of toasted spice.
• Midnight (#00202D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Worn Amber Coast color palette (#FFE7F1, #C4793E, #0086A6, #834300, #003C4C)
• Hazy Chapel color palette (#F6E7D1, #B28A37, #4E77D1, #6E4F00, #051747)
• Mulberry Meadow color palette (#F7E5DF, #C97578, #008E8D, #A1002C, #002221)
• Pale Delta color palette (#FDE8F2, #E39061, #00A4D1, #B25200, #003C4E)
• Aged Grape Chapel color palette (#F7DFCB, #AC6934, #00816D, #6740A7, #230D00)
• Bronze Balcony color palette (#F3E2D2, #9C5700, #005F89, #522B00, #000912)
• Dusty Grove color palette (#F1DCCE, #B5906F, #8D5435, #68251D, #231500)
• Dusty Cocoa color palette (#EEE8DD, #B59D69, #564400, #241B00, #090400)

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