Tempered Cocoa Studio color palette — #EEE6ED · #D8C5CD · #90AB9B · #813D3C · #1B131A

A conversation between Rust and Sage, giving this palette its sense of sophistication.

The five colors

• Blush (#EEE6ED): a clean, paper-quiet neutral.
• Oat (#D8C5CD): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#90AB9B): A luminous, dusty teal — the color of glacier melt.
• Rust (#813D3C): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#1B131A): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Chestnut Courtyard color palette (#F7EFF4, #C9E0D8, #A8BDB3, #8E5244, #251E23)
• Weathered Summit color palette (#ECE1E7, #A3BAA7, #76958B, #702C00, #13060E)
• Fern Balcony color palette (#F9E0E9, #B4866A, #616231, #3C3960, #1E1A3C)
• Softworn Driftwood Archive color palette (#ECF4EE, #CEDBDD, #A9AFBA, #6B8C75, #333834)
• Moss Hollow color palette (#DCEBDB, #8F9438, #25642E, #3F3057, #00170E)
• Patina Spruce Courtyard color palette (#E3ECE7, #76958F, #4C7377, #312A00, #000201)
• Smoked Study color palette (#F4D6E3, #804200, #42463A, #1D1B00, #0E0107)
• Muted Thicket color palette (#EFECDA, #DD0450, #5F4900, #002E51, #1D0315)

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