Cocoa Study color palette — #F8DEEB · #6C3000 · #204000 · #002316 · #030100

Rust and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F8DEEB): A whisper-light, dusty rose — the color of a warm blush.
• Rust (#6C3000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Forest (#204000): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#002316): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Midnight Chestnut Parlor color palette (#D8E8DD, #6C5000, #323100, #001914, #020200)
• Moonless Garnet Garden color palette (#FFE7DA, #7B1D00, #003D4B, #00212A, #0F0100)
• Eclipse Fern color palette (#DDF6EF, #364C00, #003E47, #001F31, #000201)
• Patina Basalt Alley color palette (#DDE3DC, #91A694, #8A7B4C, #4D2E00, #010601)
• Hazy Aubergine color palette (#F8E1D7, #9C4100, #435D00, #580062, #0C0200)
• Eclipse Mulberry Veranda color palette (#E6DFF5, #6E005F, #002F38, #000D21, #020006)
• Softworn Olive Lagoon color palette (#C8E9DA, #6E7000, #006969, #004256, #0B0C00)
• Navy Grove color palette (#D9F4F3, #006239, #00496B, #120E73, #000301)

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