Cocoa Harbor color palette — #FFF0D8 · #749FD2 · #6D619A · #673900 · #301A2C

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

The five colors

• Cream (#FFF0D8): A whisper-light, dusty gold — the color of honey in a jar.
• Blue Fog (#749FD2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#6D619A): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#673900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#301A2C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns 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

• Ash Lagoon color palette (#FBF0DF, #A6A4DD, #906990, #5D5225, #3B242E)
• Tempered Garden color palette (#FDF0DC, #57A9C3, #4C6BA1, #6F3127, #012A1F)
• Dusty Iris Loft color palette (#FBEDFA, #658ED0, #87506F, #5B3800, #002612)
• Fern Grove color palette (#E5FBF3, #49A7B5, #656299, #455600, #284053)
• Worn Hollow color palette (#F5F1EA, #C4E4DB, #738EBB, #1A687D, #3B2334)
• Muted Chestnut Alley color palette (#EAFAED, #88B5E9, #897ABF, #905200, #303D55)
• Timeworn Coast color palette (#FFF0D8, #AD71DD, #953C6E, #3A4300, #2E0932)
• Aged Cobalt color palette (#EFDAE9, #5E6DBF, #3F2A33, #1E111A, #09050A)

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