Washed Cocoa color palette — #FFF0F8 · #C3BF73 · #813900 · #2B0F00 · #040002

Bronze and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Pistachio (#C3BF73): A luminous, balanced green — the color of fresh herbs.
• Bronze (#813900): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#2B0F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Timeworn Market color palette (#EAFAEE, #DEB462, #654D00, #201700, #000200)
• Ancient Chestnut color palette (#FEF1F6, #DCD19A, #8F5303, #3D2000, #0A0104)
• Bronze Station color palette (#E9DBD0, #D9B360, #B55E00, #6B3B13, #150700)
• Ancient Atelier color palette (#FAF2FF, #97CC8A, #852857, #33001B, #030005)
• Softworn Delta color palette (#FBE0EC, #B28600, #582B00, #200C00, #060002)
• Pale Corridor color palette (#FFF0F8, #FDA06E, #008979, #9E4600, #000102)
• Hushed Bronze color palette (#ECF9EF, #FDE2B0, #8C732D, #463600, #031409)
• Ancient Olive color palette (#FFF2ED, #E1B25B, #858500, #005228, #001614)

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