Cocoa Loft color palette — #CEE6D9 · #005B74 · #6E2D00 · #431900 · #000304

Rust takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#CEE6D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#005B74): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#6E2D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#431900): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#000304): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Inked Navy Studio color palette (#E0EEFF, #004381, #542900, #2F1400, #000104)
• Nocturne Orchard color palette (#D9F4E8, #006085, #69002A, #032101, #000502)
• Quiet Garnet Atelier color palette (#E3E9D1, #006324, #7D1400, #3E2000, #001203)
• Worn Bloom color palette (#F3E5F1, #0F43BC, #444800, #252B00, #060006)
• Indigo Ridge color palette (#DAE0F0, #5E5BD2, #982F7E, #5E3900, #09062A)
• Sunlit Market color palette (#F2EED5, #006AA3, #4E0888, #1A2200, #000121)
• Misty Loft color palette (#F0DDE3, #8137BD, #515C00, #333B00, #160008)
• Obsidian Studio color palette (#FFE2EC, #4B007C, #461C00, #181100, #020006)

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