Cocoa Loft color palette — #D2EFF6 · #006963 · #5F3600 · #2B2800 · #000504

Built around Bronze, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Frost (#D2EFF6): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#006963): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#5F3600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#2B2800): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000504): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Denim Hollow color palette (#DDEFFF, #006297, #3C4800, #003723, #000607)
• Dusty Garnet Hollow color palette (#E2E5FF, #336A00, #790027, #401F00, #000602)
• Timeworn Plum color palette (#F1E3F2, #B02549, #523F00, #1A2D00, #000506)
• Shadow Abyss color palette (#DAEFFF, #00455F, #272A00, #001606, #000202)
• Wandering Forest color palette (#E5F8E4, #946100, #00662E, #00423E, #00121D)
• Dusty Ultramarine color palette (#FAE5F3, #303CDF, #543500, #3D2600, #071A04)
• Soft Lantern color palette (#F2EFFF, #9B46AA, #8C2600, #4B3300, #05071C)
• Cornflower Ridge color palette (#F4DDF4, #057BF1, #922D85, #005042, #00140B)

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