Cocoa Archive color palette — #F3DCBA · #C9C5A3 · #81B8AB · #9B7090 · #703417

Rust and Heather set the tone — five colors that lean into optimism and sophistication.

The five colors

• Peach Cream (#F3DCBA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#C9C5A3): A luminous, dusty green — the color of fresh herbs.
• Mint Leaf (#81B8AB): A luminous, dusty teal — the color of glacier melt.
• Heather (#9B7090): A full-bodied, dusty pink — the color of neon signs at night.
• Rust (#703417): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Cocoa Archive 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

• Cocoa Bloom color palette (#FFF4E1, #D6D6B6, #A8BCA4, #B18381, #753C13)
• Washed Driftwood color palette (#FFDDCB, #D7C1A3, #B1AE89, #8B7EB0, #643B4D)
• Softworn Plum color palette (#E2E9C9, #A0C8A3, #3FAEB0, #B55371, #672C00)
• Softworn Periwinkle Drift color palette (#D5F9EE, #9ABFA7, #7F9BD0, #936E45, #403D00)
• Worn Corridor color palette (#FBF4EB, #D7C9A1, #8AAC70, #9E7E4C, #38352F)
• Mulberry Chapel color palette (#EEE6CB, #86AF7C, #4E8F87, #8C475F, #50170D)
• Dusty Teal Courtyard color palette (#F3FAD6, #B7E8CF, #70ACA2, #527391, #442B41)
• Tempered Taupe Thicket color palette (#D2EADC, #88AF86, #577F89, #574A63, #2F213C)

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