Cocoa Garden color palette — #BEE7E8 · #006143 · #6E2C00 · #362500 · #001209

Rust and Pine set the tone — five colors that lean into optimism and sophistication.

The five colors

• Silver (#BEE7E8): A whisper-light, dusty teal — the color of glacier melt.
• Pine (#006143): A full-bodied, balanced teal — the color of glacier melt.
• Rust (#6E2C00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#362500): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#001209): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Feathered Garnet Cabin color palette (#DAF1EC, #2F6000, #81001D, #421D00, #051100)
• Softworn Cocoa Veranda color palette (#DEF2F9, #005E64, #653600, #222C00, #000303)
• Worn Chestnut Garden color palette (#BBEEFE, #00777A, #705300, #3C4100, #002526)
• Brick Cabin color palette (#E1F2DB, #008172, #B60218, #424700, #031200)
• Powdered Workshop color palette (#F8EAFF, #96004F, #593D00, #282B00, #21000D)
• Cellar Study color palette (#D0E4F2, #003D54, #2B2D00, #001804, #000204)
• Bronze Courtyard color palette (#E7F9FA, #379471, #A35B33, #6B4D00, #0C3A3C)
• Pine Boulevard color palette (#E5EFFF, #526EB0, #25723E, #005049, #152641)

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