Cocoa Archive color palette — #D2F3F9 · #00625A · #5F3600 · #2E2B00 · #001919

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

The five colors

• Frost (#D2F3F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Pine (#00625A): A full-bodied, dusty teal — the color of sea glass.
• Bronze (#5F3600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#2E2B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#001919): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Hazy Forest Field color palette (#D4F6F3, #007133, #6D0F00, #392200, #001C13)
• Smoked Abyss color palette (#E3F2FA, #00505F, #362C00, #0A2000, #000705)
• Tempered Denim Parlor color palette (#D9ECFE, #006294, #354500, #002F1F, #001A1F)
• Wandering Mulberry color palette (#DDF0EA, #0079C4, #9D006B, #4A4200, #001B10)
• Muted Villa color palette (#ECF7FF, #1F85AE, #5B5F16, #0E502D, #122B34)
• Pale Coast color palette (#EDE7FF, #880F84, #612400, #372700, #001A16)
• Amethyst Field color palette (#F2F5FF, #7A4CE1, #006452, #00414D, #112642)
• Weathered Pier color palette (#DAE3F2, #2D50B5, #72004F, #362600, #000608)

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