Cocoa Study color palette — #F7EFCB · #74A09E · #247486 · #623B03 · #383002

Built around Bronze, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Custard (#F7EFCB): A whisper-light, dusty green — the color of fresh herbs.
• Eucalyptus (#74A09E): A luminous, dusty teal — the color of sea glass.
• Teal (#247486): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#623B03): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#383002): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Timeworn Terrace color palette (#D1E9E0, #70A6A9, #27698C, #5F4500, #0C4134)
• Cocoa Station color palette (#DBF5DE, #97925D, #42767C, #713227, #453000)
• Worn Drift color palette (#E3EED5, #5AA4A2, #276786, #583032, #350B0C)
• Muted Basalt color palette (#D3EBE1, #639A75, #00625D, #3C4200, #003318)
• Antique Denim color palette (#DDE9DD, #13838C, #2F4C8E, #312A00, #0E1A03)
• Timeworn Garden color palette (#C6F3F4, #75B5B4, #528FA9, #7B4961, #542729)
• Antique Mint Field color palette (#E2EBC9, #78CCB4, #6A9ABF, #946352, #542500)
• Worn Meadow color palette (#F6EAF4, #8DB8CC, #006EA7, #00523A, #1E2A56)

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