Tempered Cocoa Drift color palette — #E5E9D3 · #7CB3A2 · #587F74 · #74361C · #3B1E12

Built around Rust, softened by Sage — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#E5E9D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#7CB3A2): A luminous, dusty teal — the color of sea glass.
• Slate (#587F74): A full-bodied, dusty teal — the color of glacier melt.
• Rust (#74361C): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3B1E12): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

One click turns Tempered Cocoa Drift 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 Dune color palette (#C1EDCE, #67AAB8, #8A6C81, #6C3701, #332D28)
• Weathered Jade Cabin color palette (#F7F2E3, #79B076, #007663, #49463F, #1C1E07)
• Washed Chestnut color palette (#EAEACC, #AAC8A4, #967C99, #875021, #4E2700)
• Lagoon Delta color palette (#DBE7C9, #28958B, #215274, #4F1D0F, #2B0601)
• Basalt Harbor color palette (#B9F3EA, #8FAC93, #4C8395, #674E5E, #493B62)
• Pewter Field color palette (#D7F0D8, #7493BE, #734F7A, #4C4100, #201A01)
• Worn Balcony color palette (#D8F3DA, #008D91, #AE4E0C, #874826, #031906)
• Weathered Periwinkle Veranda color palette (#9DF9F5, #76ABF1, #8E7299, #625527, #392E00)

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