Cocoa Quarry color palette — #D9F1E3 · #005B6F · #622D00 · #00252F · #0E0300

A conversation between Rust and Peacock, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D9F1E3): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#005B6F): A full-bodied, dusty blue — the color of open sky before noon.
• Rust (#622D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Midnight (#00252F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0E0300): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Twilit Garnet Atelier color palette (#D0E8CF, #005D5D, #780026, #002626, #130002)
• Lowlit Basalt color palette (#D1F1FF, #00465C, #4F2800, #281E00, #000204)
• Washed Navy color palette (#F3E6F2, #124AA6, #424100, #001B50, #060600)
• Sunlit Terracotta color palette (#D9F5E7, #007494, #973100, #003E51, #110200)
• Nocturne Petrol color palette (#D4E2EC, #006A96, #002E43, #261E25, #000916)
• Muted Grape Summit color palette (#F3E4EB, #693EBA, #504F00, #370072, #111100)
• Fern Atelier color palette (#F0E3D1, #5D5E00, #3A2800, #210800, #010500)
• Iris Pier color palette (#D8F6E4, #6A8FDA, #905695, #00352A, #000A17)

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