Softworn Cocoa Harbor color palette — #FFF2EF · #E1D1D3 · #B5B89A · #92AB7C · #6A3401

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Silver (#E1D1D3): a clean, paper-quiet neutral.
• Stone (#B5B89A): A luminous, dusty green — the color of new leaves after rain.
• Sage (#92AB7C): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#6A3401): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

One click turns Softworn 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 Honey color palette (#FBF2FD, #E6D5DD, #FFC378, #ADB3AA, #4F394D)
• Shell Pier color palette (#FFF1F3, #F3C9B6, #B1A78F, #71827A, #3F554B)
• Gentle Quarry color palette (#FFF3E8, #FFC9D9, #FF9E60, #6EAD6F, #403101)
• Dusty Field color palette (#FBF4EE, #C1E4F3, #96B3DC, #788E6F, #624A58)
• Apricot Field color palette (#FFF2E9, #F8B289, #77B9E8, #B37F61, #2D564A)
• Airy Mustard Veranda color palette (#FFF4E0, #FFAE8D, #CDB200, #00AA91, #212900)
• Apricot Villa color palette (#FFEBDE, #FF9EEC, #FF8A4B, #749A2B, #341E00)
• Coral Boulevard color palette (#FEEEE9, #DE797E, #7B4C0E, #403532, #262020)

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