Shadow Cocoa Basin color palette — #F3D8E3 · #5B2E00 · #00251E · #0C0020 · #020006

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

The five colors

• Shell Pink (#F3D8E3): A whisper-light, dusty rose — the color of strawberry cream.
• Cocoa (#5B2E00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#00251E): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#0C0020): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Charred Basalt Market color palette (#D6F3E2, #443C00, #002135, #110018, #040001)
• Garnet Lantern color palette (#FDE5DB, #77000F, #002422, #241105, #140019)
• Inked Harbor color palette (#F9E6CC, #745100, #00432F, #001B37, #050004)
• Nocturne Spruce Grove color palette (#DEF0E3, #535D64, #342800, #0A1518, #010300)
• Timeworn Navy Thicket color palette (#F9EAEE, #3B7EB1, #132F8A, #001F23, #010009)
• Smoked Fern Bloom color palette (#E0F4EB, #2C6724, #003224, #2D000B, #000200)
• Shadow Fern color palette (#D4F3E6, #585E00, #003A5A, #300031, #0A0008)
• Navy Boulevard color palette (#D4F3EC, #2C5600, #1E007E, #250013, #040000)

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