Cocoa Delta color palette — #FFF1F1 · #E1DBD0 · #CFB3DA · #A8AAB5 · #814228

A conversation between Bronze and Lavender, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bone (#E1DBD0): a clean, paper-quiet neutral.
• Lavender (#CFB3DA): A luminous, dusty pink — the color of neon signs at night.
• Ash (#A8AAB5): a calm mid-gray that lets other colors speak.
• Bronze (#814228): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Chestnut Corridor color palette (#FFF2E9, #DDE1CA, #C1CEDB, #E8A6B2, #744604)
• Ancient Atelier color palette (#FCF1FD, #F7EFC4, #E9D5D8, #C6B2D9, #534852)
• Ancient Frost Thicket color palette (#D5FFFB, #FFE7EC, #D1CAD4, #523934, #2E201E)
• Bronze Cabin color palette (#FDF3EA, #DCE2C1, #C5A88A, #A86846, #474000)
• Oat Studio color palette (#FAF1FF, #E9D6D9, #DCD3A2, #8585A4, #544755)
• Cobalt Cabin color palette (#FDF3ED, #EEB39E, #76BFAC, #7D79B7, #502300)
• Powdered Boulevard color palette (#FFF2ED, #E9FB94, #DFDDCD, #D474B9, #5D3425)
• Driftwood Lagoon color palette (#FEF3ED, #C3E5D0, #AA786A, #633A2E, #251811)

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