Cocoa Coast color palette — #DBE1F2 · #84678A · #7A3E41 · #00362B · #001825

Coffee and Slate set the tone — five colors that lean into sophistication.

The five colors

• Frost (#DBE1F2): A whisper-light, dusty violet — the color of twilight just after sunset.
• Slate (#84678A): A full-bodied, dusty pink — the color of peonies in June.
• Coffee (#7A3E41): A full-bodied, balanced red — the color of a theater curtain.
• Deep Forest (#00362B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001825): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Timeworn Cocoa color palette (#E3DEFA, #A2666F, #7B3C0A, #003649, #0C092D)
• Dusty Mulberry Garden color palette (#DDF1FC, #676F9C, #6C4174, #1E3700, #001A17)
• Hushed Orchard color palette (#FCEAF3, #9F4F66, #72111C, #2A1E00, #051101)
• Timeworn Denim Terrace color palette (#FFE7F9, #AB8FAD, #8A6840, #0A5577, #142449)
• Nightshade Lantern color palette (#ECDEE3, #6D97BD, #364FA9, #003A43, #0B0026)
• Frosted Plum color palette (#F4E2F7, #B03B85, #810042, #4E0006, #140200)
• Ancient Corridor color palette (#E5EAFF, #C79BB4, #AA776E, #00696B, #16375C)
• Tempered Onyx color palette (#D7E9E4, #3F855D, #005148, #490946, #000803)

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