Cocoa Study color palette — #F8EAEF · #BFD7C1 · #92AE9E · #743D00 · #070103

A conversation between Bronze and Oat, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F8EAEF): bright and airy, almost weightless.
• Oat (#BFD7C1): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#92AE9E): A luminous, dusty teal — the color of sea glass.
• Bronze (#743D00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#070103): A deep, shadowed, dusty rose — the color of strawberry cream.

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

Use it as a design system

One click turns Cocoa Study 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 Drift color palette (#F5EAF3, #E5C6D6, #C09AA7, #882420, #050104)
• Basalt Workshop color palette (#D7E3DB, #A9C1B7, #7B9992, #493A00, #000201)
• Washed Bronze Bloom color palette (#F4ECE6, #A69F94, #8C7B32, #552900, #090300)
• Softworn Boulevard color palette (#F1E5EA, #A5B9B5, #7FA2A4, #AB5800, #1F0D16)
• Fern Coast color palette (#EAF9F6, #C2E0ED, #9FC2C7, #3E6E23, #02100D)
• Wandering Villa color palette (#F6EDE2, #A29B53, #4E7242, #0B365D, #0D0527)
• Twilit Cabin color palette (#D6EBD5, #8C5B00, #004927, #001826, #030004)
• Tempered Moss color palette (#C6EBDB, #66A206, #005E25, #4D1600, #010200)

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