Cocoa Station color palette — #F3F0E0 · #5B916F · #367585 · #623C00 · #170F00

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

The five colors

• Cream (#F3F0E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#5B916F): A luminous, dusty teal — the color of sea glass.
• Teal (#367585): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#623C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#170F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Wandering Lagoon color palette (#DEF4DD, #379897, #4D699C, #494C00, #011C02)
• Dusty Cypress Hollow color palette (#FAEAE4, #918B52, #1B7658, #71332E, #210600)
• Tempered Balcony color palette (#CDE8E0, #499B78, #007072, #3B5100, #000804)
• Garnet Terrace color palette (#D4E8E1, #36838C, #295373, #581233, #250200)
• Lagoon Balcony color palette (#CEE9DC, #008A87, #006A7C, #004361, #00032D)
• Quiet Cobalt Cabin color palette (#D9EBD6, #5DACB4, #6D7CC1, #5F6A16, #2A3000)
• Tempered Rust color palette (#DCF1FF, #008AB4, #C33A00, #005D7A, #110100)
• Navy Grove color palette (#E1F4D4, #006358, #0E3860, #290D00, #0C0200)

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