Midnight Cocoa color palette — #FFDAE9 · #723C00 · #004255 · #311600 · #000102

Built around Bronze, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#FFDAE9): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#723C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#004255): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#311600): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.

Use it as a design system

One click turns Midnight 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

• Velvet Cocoa color palette (#F4D9E5, #7D3D00, #004C22, #361700, #000802)
• Moonless Garnet Summit color palette (#F8E5E5, #910024, #004448, #40000B, #000202)
• Deep Coast color palette (#D1F2DA, #5E4900, #00387B, #271D00, #000105)
• Dusty Thicket color palette (#FBE4D3, #A54F00, #005E78, #471E00, #000102)
• Inked Navy color palette (#F5E3DB, #642500, #003063, #1C1342, #030000)
• Midnight Mulberry Grove color palette (#FBE7F3, #00668E, #9C0028, #100501, #030003)
• Faded Atelier color palette (#CBECE0, #546300, #5B00AF, #262E00, #040010)
• Ancient Nightshade Field color palette (#DEECE2, #826700, #4E40B7, #433400, #060025)

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