Cocoa Terrace color palette — #FFF0F8 · #D6B4E1 · #A77491 · #88464A · #74351C

Rust and Coffee set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Lavender (#D6B4E1): A luminous, dusty pink — the color of neon signs at night.
• Dusty Rose (#A77491): A luminous, dusty pink — the color of neon signs at night.
• Coffee (#88464A): A full-bodied, balanced red — the color of late-summer berries.
• Rust (#74351C): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

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

• Hushed Coral Lagoon color palette (#F2F5FF, #F5CBFD, #E49FC7, #C67581, #6D3922)
• Garnet Dune color palette (#FFF1F3, #F1C1DD, #CA8DA8, #A14F68, #792936)
• Garnet Harbor color palette (#ECF7FF, #ACB9E5, #8A7CAE, #794979, #6D2A4D)
• Terracotta Chapel color palette (#FFD1F8, #CF8092, #A24336, #663400, #3E2B00)
• Patina Ash color palette (#FAF6E0, #B09DCF, #986775, #246560, #574145)
• Tempered Corridor color palette (#F6E0EA, #C05463, #7D2C00, #3D2300, #1E1800)
• Faded Bronze color palette (#FFEAF0, #DC918F, #A86537, #6C4A00, #474300)
• Washed Abyss Boulevard color palette (#FFF0F8, #CFB6B9, #AA928C, #63715C, #39584D)

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