Cocoa Station color palette — #E8F6E9 · #91B699 · #5E7F60 · #644520 · #0E291A

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

The five colors

• Cream (#E8F6E9): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#91B699): A luminous, dusty teal — the color of glacier melt.
• Fern (#5E7F60): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#644520): A full-bodied, dusty gold — the color of old brass.
• Deep Forest (#0E291A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Cocoa Station 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

• Tempered Studio color palette (#FEECF3, #C6A582, #926C4D, #68412C, #172718)
• Ancient Driftwood Harbor color palette (#E3F7EE, #A1C4B7, #648D7C, #3F614F, #1C312B)
• Patina Drift color palette (#D3E6D6, #A89763, #7D5F18, #563700, #041D11)
• Muted Courtyard color palette (#E1F7F7, #40926B, #8C4C35, #543A00, #001813)
• Patina Meadow color palette (#E6F5F7, #ABBB86, #006356, #002D33, #000F12)
• Patina Bronze color palette (#FCF4E9, #D1BA97, #A68A62, #8D5D25, #403D36)
• Tempered Bronze Thicket color palette (#DBF2E3, #7A742C, #504300, #2E2000, #050600)
• Cobalt Dune color palette (#E7F4FA, #5DC3DB, #4178B3, #007184, #030F1E)

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