Midnight Boulevard color palette — #F1D6E0 · #6C5700 · #422300 · #280100 · #030400

Coffee takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F1D6E0): A whisper-light, dusty rose — the color of a warm blush.
• Coffee (#6C5700): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#422300): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#280100): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.

Use it as a design system

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

• Bronze Bloom color palette (#F7E3EB, #806300, #552C00, #3D0003, #0A0D00)
• Nocturne Studio color palette (#E1F6EA, #3E6700, #312C00, #1B0D00, #000405)
• Deep Chestnut color palette (#E0EDFE, #894E00, #22141B, #001234, #00020B)
• Bronze Boulevard color palette (#F9EACE, #B15900, #006E8E, #0A0F16, #000204)
• Chestnut Hollow color palette (#CCE9D3, #858E52, #6C5100, #582700, #002B27)
• Eclipse Workshop color palette (#E3F2FF, #003C58, #4B1700, #001808, #000205)
• Moonless Workshop color palette (#D6E2EB, #00628B, #520017, #002031, #050005)
• Obsidian Aubergine Grove color palette (#E0DEED, #490058, #330026, #0C0D00, #02000D)

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