Cocoa Studio color palette — #F6EAF1 · #DFC9D0 · #8BB194 · #7F3300 · #060104

Rust takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F6EAF1): bright and airy, almost weightless.
• Oat (#DFC9D0): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#8BB194): A luminous, dusty teal — the color of sea glass.
• Rust (#7F3300): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#060104): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Worn Fern color palette (#E9F0EB, #BED6CC, #84B1A7, #5D4C00, #000401)
• Tempered Lantern color palette (#F4EAF5, #DBCAD6, #C79B7F, #920030, #060007)
• Muted Garnet Coast color palette (#F3E8E1, #A99E90, #937831, #5E1F00, #0B0200)
• Weathered Rust Cabin color palette (#EFE6EC, #ACC4AC, #86AAAC, #AD5439, #1C0F18)
• Moss Lagoon color palette (#D1E8DA, #87981D, #295B00, #4F130F, #000201)
• Chalky Fern Field color palette (#FBDFC9, #A89251, #476B00, #063250, #02041E)
• Dusty Balcony color palette (#FFEEF4, #FF9080, #D68000, #6A6700, #020100)
• Deep Basin color palette (#F6DEE7, #985300, #004925, #00162C, #040002)

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