Gentle Cocoa color palette — #FFF2E9 · #4AAB95 · #07739E · #7B3800 · #2C442E
Bronze takes the lead with Slate close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Turquoise (#4AAB95): A luminous, balanced teal — the color of sea glass.
- Slate (#07739E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#7B3800): A full-bodied, balanced gold — the color of old brass.
- Forest (#2C442E): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Trust, Stability, Optimism, Balance. Tagged retro.
Use it as a design system
One click turns Gentle 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
- Frosted Garnet color palette (#F4F7E9, #64966E, #49609C, #7D2618, #124321)
- Softworn Chestnut Study color palette (#FDF4E5, #6CB5BE, #5E76A9, #6E5600, #314F42)
- Antique Garnet Coast color palette (#FFF2EB, #89A16A, #007A71, #822846, #3C3E37)
- Tempered Lantern color palette (#FEDFB9, #008F93, #004FA4, #4F3100, #002E3A)
- Cocoa Quarry color palette (#F3F9E1, #A9C3AA, #678A80, #83593E, #5E4A00)
- Worn Olive Station color palette (#FBF4EA, #B8AF92, #5D7E4D, #25665D, #504100)
- Antique Lapis color palette (#FAF7D7, #009BC0, #5347C6, #494800, #00385C)
- Hushed Turquoise Ridge color palette (#DDF9F5, #25B0BC, #007698, #4C3B6E, #072733)
Browse the whole catalog at Explore, or see today's palette.