Quiet Cocoa color palette — #D7E3D8 · #46B2B3 · #3A6E9D · #743800 · #4D3500
Built around Bronze, softened by Turquoise — the whole palette hums with trust and stability.
The five colors
- Bone (#D7E3D8): bright and airy, almost weightless.
- Turquoise (#46B2B3): A luminous, balanced teal — the color of sea glass.
- Slate (#3A6E9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#743800): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#4D3500): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.
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
- Hushed Cobalt Archive color palette (#DAF1EB, #6DB0CC, #5569AF, #634B00, #394300)
- Quiet Archive color palette (#EEEFD8, #66AB7F, #007C86, #842838, #5E3000)
- Powdered Bronze color palette (#CAEAFF, #0091BF, #A15D00, #005673, #452500)
- Muted Chapel color palette (#C2E5F0, #6A84AD, #684882, #383B00, #00331C)
- Quiet Alley color palette (#DBEAE4, #09D6F0, #679FEF, #9D6642, #592F13)
- Patina Pewter Meadow color palette (#E0FCF7, #A6C8CF, #7B94AA, #89647A, #3C5744)
- Chalky Quarry color palette (#CCF3FF, #78BBE1, #5386C5, #7C508D, #5A264F)
- Quiet Cobalt color palette (#E0F3F8, #359ECA, #2474BA, #583467, #320C2F)
Browse the whole catalog at Explore, or see today's palette.