Weathered Cocoa color palette — #F1F2DC · #499B78 · #00716C · #752F22 · #000804

Built around Rust, softened by Fern — the whole palette hums with sophistication and grounding.

The five colors

• Cream (#F1F2DC): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#499B78): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00716C): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#752F22): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#000804): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Sunlit Pine color palette (#E7DFCC, #739554, #007546, #752945, #030800)
• Sunlit Pine color palette (#F9EDD6, #819152, #09762A, #584600, #050700)
• Ancient Abyss Villa color palette (#D9EBE8, #4F825C, #005335, #322C00, #000902)
• Chalky Delta color palette (#D0E5D9, #26A86D, #00794A, #004531, #000201)
• Plum Basin color palette (#D7E5DC, #008453, #A2229C, #9B0071, #000201)
• Antique Canyon color palette (#F4E6DF, #72ACB3, #0080A5, #006049, #000A18)
• Quiet Terrace color palette (#F0EBDC, #94B27E, #00975E, #6F6500, #0F2000)
• Hushed Hollow color palette (#E9EEDB, #4CBEB1, #4EA0CF, #646C00, #000E0A)

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