Lowlit Cocoa Harbor color palette — #F3D8E1 · #754400 · #004269 · #321A00 · #000610

Built around Bronze, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F3D8E1): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#754400): A full-bodied, balanced gold — the color of old brass.
• Navy (#004269): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#321A00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000610): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Lowlit Cocoa Harbor 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

• Wandering Terracotta Cabin color palette (#FEE2F6, #941D03, #004751, #420600, #00070A)
• Nightshade Coast color palette (#CEE8D2, #694B00, #0025A9, #2C1E00, #000220)
• Charred Chestnut color palette (#CFEBDD, #785900, #292831, #161500, #030200)
• Navy Lagoon color palette (#F0DFD3, #B65D1E, #003FA4, #5A2700, #000419)
• Moonless Onyx color palette (#FFECD5, #583700, #003C3B, #38004F, #030100)
• Hushed Amber color palette (#F7E8D9, #C77D26, #00659B, #794600, #00060F)
• Dusty Chestnut Hollow color palette (#F4E9FF, #00858A, #726400, #090D06, #000201)
• Olive Field color palette (#DDF4DC, #A59A69, #537900, #531E00, #100B00)

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