Weathered Cocoa color palette — #D7F2F9 · #005E5D · #6F2B00 · #382400 · #001111

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

The five colors

• Frost (#D7F2F9): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#005E5D): A full-bodied, dusty teal — the color of shallow lagoons.
• Rust (#6F2B00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#382400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#001111): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Weathered Garnet color palette (#CFEDEF, #00604C, #810017, #530009, #00110C)
• Tempered Drift color palette (#D7EBF9, #00617E, #650041, #202100, #00110B)
• Weathered Study color palette (#E3EDFF, #2D3FB7, #613700, #3D2100, #050927)
• Soft Terracotta color palette (#CBEFED, #008548, #A43600, #5C3A00, #001205)
• Worn Petrol Drift color palette (#D1E7FF, #006BB5, #814900, #5A3100, #00203D)
• Aubergine Coast color palette (#D1E8DE, #007093, #3E1993, #252700, #00162F)
• Weathered Lagoon color palette (#D4DDFC, #6242CA, #4D5A00, #343D00, #121833)
• Moonless Nightshade color palette (#E6EEFD, #22129B, #392600, #1B1000, #01000F)

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