Cocoa Loft color palette — #BDF7FF · #00766D · #6B3800 · #452200 · #0B0400

Built around Bronze, softened by Teal — the whole palette hums with optimism and sophistication.

The five colors

• Frost (#BDF7FF): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#00766D): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#6B3800): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#452200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0B0400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: 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

• Chalky Petrol color palette (#CFE9FE, #006DA6, #733400, #4A1F00, #020A00)
• Softworn Petrol Grove color palette (#D1ECF7, #006E7B, #494400, #1C2800, #000403)
• Hushed Pine color palette (#C8F2E9, #077E1D, #822B00, #4B1500, #0F0200)
• Sunlit Cocoa color palette (#D2FCFD, #00714B, #6E2900, #3D2B00, #101E00)
• Feathered Garnet Lagoon color palette (#D1F7FF, #007C6D, #7F0028, #560018, #0A0400)
• Timeworn Plum Meadow color palette (#E1FBFF, #0094A4, #B30071, #563300, #000500)
• Weathered Mulberry color palette (#B2EEE9, #00837D, #89005C, #2F2E00, #100F00)
• Patina Nightshade color palette (#F0E2CF, #00909D, #4934B8, #442B00, #001420)

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