Cocoa Study color palette — #FAE1EA · #613500 · #342C00 · #001B29 · #0E0200

Bronze and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FAE1EA): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#613500): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#342C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Midnight (#001B29): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0E0200): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

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

• Eclipse Garnet color palette (#F5E2F5, #850023, #551B00, #001F21, #15000C)
• Rust Thicket color palette (#FEDFEA, #BF504F, #6C3F00, #2F2900, #091C00)
• Deep Chapel color palette (#D3F4E6, #2C3000, #00200D, #110025, #020200)
• Shadow Onyx Hollow color palette (#DDF0DF, #654700, #003C10, #1B0057, #0E0700)
• Faded Terracotta Station color palette (#E6DAE4, #A3141B, #403600, #190061, #2A0001)
• Wandering Garnet color palette (#E8DEE5, #B1BDAF, #749787, #7F1600, #2A1826)
• Muted Aubergine Drift color palette (#DEFADD, #875800, #005725, #2F007E, #251500)
• Fern Ridge color palette (#D1F1EB, #216601, #004E41, #45004B, #001B12)

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