Worn Cocoa color palette — #E7FBEE · #B8F0FF · #FBB8AF · #4DA8BD · #6F3214

Rust and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E7FBEE): A whisper-light, dusty teal — the color of sea glass.
• Frost (#B8F0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Rose Quartz (#FBB8AF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cyan (#4DA8BD): A luminous, balanced blue — the color of deep harbor water.
• Rust (#6F3214): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Dusty Turquoise Lantern color palette (#EAFAED, #99E4EC, #F6B69D, #5EB8C2, #534B47)
• Ancient Pier color palette (#F2F8EB, #ABF9D7, #F5B5DA, #6CA98F, #5D3C3C)
• Muted Sand color palette (#FEF0FC, #DED9F4, #EBC58D, #819ACA, #603E00)
• Worn Veil color palette (#E1F0FF, #D4D5C9, #8B9CA3, #3F504C, #1D2321)
• Worn Thicket color palette (#EBF8FE, #79BCCB, #CC836B, #008194, #6B4133)
• Apricot Cabin color palette (#DBFFF2, #8DD0FF, #FF8C58, #0085C3, #501C00)
• Softworn Glacier Garden color palette (#E6FCED, #4EE1FE, #F3A398, #C2987C, #2B3D32)
• Bronze Lagoon color palette (#FFF3E6, #DEE3BC, #C7A886, #A66A41, #4B3E00)

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