Cocoa Harbor color palette — #FEF3E6 · #E5AEAC · #A09359 · #626AA0 · #6D3802

Bronze and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEF3E6): A whisper-light, dusty gold — the color of old brass.
• Rose Quartz (#E5AEAC): A luminous, dusty orange — the color of autumn markets.
• Moss (#A09359): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#626AA0): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#6D3802): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, 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

• Tempered Pewter Boulevard color palette (#FFF2EA, #DFB396, #819D66, #7C6196, #4B4741)
• Washed Basin color palette (#FBF5E3, #D0B2D7, #C07F6E, #3674A3, #5C3F3E)
• Driftwood Corridor color palette (#FFF1F2, #E5CDC1, #AFA78F, #9C7479, #604C4D)
• Softworn Boulevard color palette (#EBFAEE, #CE9B77, #89771B, #296177, #3E4C3D)
• Muted Sand Veranda color palette (#FFF4E2, #FFC195, #BDAF6E, #6394A9, #4C4741)
• Aubergine Delta color palette (#FFF3E9, #F0875D, #7D8F13, #672AAC, #4C2E00)
• Weathered Lagoon color palette (#FAF4F0, #CFE4E4, #97B3DC, #3D988A, #664859)
• Misty Mulberry color palette (#FFDBD4, #9F9F00, #008077, #900043, #0D3200)

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