Cocoa Loft color palette — #FCEFE5 · #83B8A9 · #4F7F99 · #76441D · #203121
A conversation between Bronze and Slate, giving this palette its sense of trust and stability.
The five colors
- Cream (#FCEFE5): a clean, paper-quiet neutral.
- Mint Leaf (#83B8A9): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#4F7F99): A full-bodied, dusty blue — the color of deep harbor water.
- Bronze (#76441D): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#203121): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Cocoa Loft 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
- Garnet Alley color palette (#FDEFE6, #9FB489, #2E8880, #7B3A4B, #2A2E1B)
- Dusty Turquoise Veranda color palette (#F4F7E6, #5DB7C3, #3C809D, #5F507D, #394D40)
- Garnet Terrace color palette (#EBF5EC, #55ACB2, #935D7F, #7E2D34, #322500)
- Driftwood Terrace color palette (#F7F1E9, #CBC3A7, #718C67, #53684C, #33312A)
- Powdered Studio color palette (#FFEFDB, #00A5A9, #005EBF, #553700, #002029)
- Worn Atelier color palette (#FFF0F8, #8ACDBE, #5A9AC1, #936148, #364C53)
- Wandering Fern Loft color palette (#F3F4E1, #61A5CC, #6D609C, #3F4E00, #2E1A2F)
- Antique Petrol color palette (#F6F1EC, #CBE0E2, #8B9BC4, #207884, #492B3C)
Browse the whole catalog at Explore, or see today's palette.