Cocoa Studio color palette — #F5E4D8 · #863700 · #005227 · #002B40 · #060100

Built around Rust, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Parchment (#F5E4D8): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#863700): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#005227): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#002B40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#060100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

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

• Spruce Meadow color palette (#F1E4CD, #5D4700, #1E3B00, #001E3B, #040000)
• Worn Veranda color palette (#F4E2DC, #9B002B, #504300, #002F29, #080001)
• Antique Thicket color palette (#F9EDD4, #605000, #004F44, #002F36, #140C00)
• Obsidian Mulberry color palette (#FDE8E2, #9B2439, #1A4100, #000F50, #0D0001)
• Washed Atelier color palette (#F1E6DB, #784300, #004D57, #350061, #050100)
• Bronze Atelier color palette (#F8E6E4, #B55906, #583D00, #202200, #010800)
• Airy Mulberry Quarry color palette (#FFDED8, #980148, #004D58, #350061, #080002)
• Dusty Bronze Basin color palette (#D4F9E2, #867100, #007060, #00404A, #020100)

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