Shadow Cocoa color palette — #FFE0EB · #744400 · #00455B · #311A00 · #00070C

Bronze and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#FFE0EB): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#744400): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#00455B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#311A00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00070C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Powdered Loft color palette (#FFE8F9, #951A00, #00455A, #420600, #00070C)
• Obsidian Navy Pier color palette (#D8E7D7, #714600, #003789, #301B00, #000518)
• Twilit Cocoa color palette (#ECDBCA, #5B3500, #003756, #151C3B, #040100)
• Weathered Bronze color palette (#F1DFE7, #9D5200, #005F88, #572B00, #00070E)
• Obsidian Meadow color palette (#FEE5F1, #755200, #481E00, #280005, #040400)
• Feathered Thicket color palette (#E0E4CC, #5D6500, #6D0F96, #2B3000, #1B0029)
• Worn Bronze Cabin color palette (#F4E5D1, #A87100, #007E95, #724B00, #00070A)
• Washed Ultramarine color palette (#DAF2E7, #717200, #3548C0, #3B3C00, #0B0F4D)

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