Quiet Cocoa color palette — #C3EBDD · #0079B4 · #832B00 · #223200 · #091100

A conversation between Rust and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#C3EBDD): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0079B4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#832B00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#223200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#091100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Chalky Balcony color palette (#B1EDF5, #00808E, #8F003D, #352B00, #130E00)
• Softworn Sapphire color palette (#F4D5F2, #0465F2, #6A4200, #043705, #011301)
• Worn Indigo color palette (#FCE6F3, #6D6CD5, #6E4F00, #003C3E, #001819)
• Pale Plum Bloom color palette (#D7EAFF, #0090F0, #C2004A, #2C5400, #012D05)
• Washed Plum color palette (#F0F5FF, #7790FF, #BF086D, #533A00, #00170F)
• Faded Amethyst Cabin color palette (#F5DAE5, #803AD8, #4C4900, #003118, #000F05)
• Softworn Periwinkle Lagoon color palette (#FAEDF9, #6D9DE6, #916841, #40532C, #2A290B)
• Quiet Iris color palette (#D7E8F0, #8F8DF5, #A84D74, #235129, #002F09)

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