Weathered Cocoa Coast color palette — #FADDF3 · #9A6970 · #752C0E · #00321A · #001E1D

Rust and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FADDF3): A whisper-light, dusty pink — the color of peonies in June.
• Mocha (#9A6970): A full-bodied, dusty red — the color of late-summer berries.
• Rust (#752C0E): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Forest (#00321A): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001E1D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

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

• Aged Cocoa Grove color palette (#E8EAFC, #92496E, #742E00, #00262D, #00090C)
• Worn Pier color palette (#E4E0F5, #835D8F, #6C2A47, #292B00, #001D18)
• Fern Hollow color palette (#FEDAD7, #9C6F4F, #5D4B00, #003236, #0F1732)
• Chestnut Delta color palette (#EEEEFD, #A47199, #954C25, #004654, #001D24)
• Aged Coral Workshop color palette (#EADCE5, #D27385, #A86849, #3D654C, #00201F)
• Plum Workshop color palette (#FFE2EC, #AE2955, #790018, #4C0200, #2D0D00)
• Muted Coast color palette (#FAEDD9, #736E2E, #303E00, #30054F, #121000)
• Obsidian Rust color palette (#F3E0DB, #B8411F, #5F1E00, #1F0600, #050100)

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