Midnight Cocoa color palette — #F1DCD4 · #5A4800 · #002B1F · #1D001B · #030400

Built around Deep Olive, softened by Ink — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F1DCD4): A whisper-light, dusty orange — the color of autumn markets.
• Deep Olive (#5A4800): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#002B1F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#1D001B): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, muted.

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

• Eclipse Cocoa color palette (#F9E6D6, #5B3100, #00222B, #040C04, #1A0003)
• Velvet Forest Basin color palette (#FFE5DC, #105A08, #002932, #220003, #000503)
• Eclipse Cocoa Station color palette (#F8DFC5, #7E2B00, #212700, #0F0031, #070200)
• Lowlit Grove color palette (#EEE2D4, #5D6300, #003510, #211300, #060600)
• Antique Onyx Archive color palette (#F0E7D5, #5A6D00, #004A2F, #240355, #010500)
• Bronze Boulevard color palette (#EDEEDF, #B86D00, #497100, #00404E, #000502)
• Olive Dune color palette (#FEE3DB, #367800, #004550, #4A0011, #001C11)
• Worn Corridor color palette (#F4E5DA, #7E8000, #006A50, #600068, #010400)

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