Cocoa Coast color palette — #FFE7F0 · #5A3100 · #002424 · #241105 · #14001A

A conversation between Cocoa and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#FFE7F0): A whisper-light, dusty rose — the color of pressed rose petals.
• Cocoa (#5A3100): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#002424): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#241105): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#14001A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Inked Basalt color palette (#F4E0E6, #563400, #002328, #000918, #050005)
• Spruce Terrace color palette (#D9F6E5, #35444E, #352E00, #0F1A1E, #010600)
• Smoked Garnet color palette (#F8E1FB, #750029, #102400, #00081C, #060003)
• Fern Coast color palette (#F2EBD1, #5D6100, #1F3500, #001E02, #000D07)
• Tempered Pier color palette (#F6EAF2, #438E8B, #004450, #002411, #000B14)
• Onyx Villa color palette (#F0DED3, #696229, #254728, #32113E, #2B001C)
• Velvet Forest Pier color palette (#CEEBE1, #256D3D, #00332A, #330006, #000902)
• Forest Boulevard color palette (#DEF5F4, #006A3D, #004047, #001840, #040008)

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