Weathered Cocoa Harbor color palette — #ECF7D4 · #007645 · #832700 · #3E2800 · #040700

Rust and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#ECF7D4): A whisper-light, dusty green — the color of fresh herbs.
• Pine (#007645): A full-bodied, balanced teal — the color of glacier melt.
• Rust (#832700): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#3E2800): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#040700): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Weathered Cocoa Harbor 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 Bloom color palette (#E8F7E5, #00827B, #794600, #363300, #080A00)
• Velvet Abyss Study color palette (#E2F5E3, #005858, #462C00, #161900, #010100)
• Frosted Brick color palette (#CAF8F1, #3C9400, #B1002F, #713B00, #181700)
• Soft Mulberry color palette (#F4E8C4, #6F6500, #7F005B, #540005, #0C0500)
• Pale Garden color palette (#DBFFEE, #0091BC, #8622CA, #642F00, #000404)
• Aubergine Hollow color palette (#DEF2FF, #006481, #5F0089, #452100, #00201E)
• Ancient Teal Courtyard color palette (#EDF4EB, #3CA59D, #815D36, #4C4A18, #161B09)
• Wandering Delta color palette (#FAEDFC, #4482C2, #496B23, #00483B, #02190E)

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