Cocoa Hollow color palette — #D3E2DB · #006987 · #733B00 · #003242 · #1C0A00

Built around Bronze, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Silver (#D3E2DB): a clean, paper-quiet neutral.
• Peacock (#006987): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#733B00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#003242): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#1C0A00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Washed Garnet Lagoon color palette (#CBF9F6, #006D6B, #8E1400, #003433, #250200)
• Washed Cocoa color palette (#DEEFFB, #00527A, #662F00, #482700, #000812)
• Softworn Ultramarine color palette (#D2DFFD, #2E4DD0, #6A4100, #0E008C, #190C00)
• Faded Archive color palette (#C2F0E3, #249AEE, #9A4600, #005286, #4C1F00)
• Ancient Market color palette (#D9EDE4, #0083AD, #497500, #004C66, #081300)
• Aged Aubergine color palette (#DAE9F4, #006389, #7B0077, #002E42, #080007)
• Charred Boulevard color palette (#C8E4FB, #0077B8, #00395F, #001221, #00040A)
• Pale Bronze Thicket color palette (#CEE7F6, #009CC2, #B46C00, #006D88, #1A0B00)

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