Nocturne Loft color palette — #F8E0F8 · #004EA1 · #523900 · #001F47 · #0A0500

Indigo takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F8E0F8): A whisper-light, dusty pink — the color of neon signs at night.
• Indigo (#004EA1): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#523900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Midnight (#001F47): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#0A0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Nocturne Loft 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

• Moonless Alley color palette (#D1ECE2, #00577F, #603000, #002337, #0D0300)
• Lowlit Nightshade color palette (#F2DAE7, #503E99, #3D4300, #23005D, #060700)
• Wandering Canyon color palette (#CDE4FF, #0066C9, #764F00, #003671, #0B0500)
• Lowlit Navy color palette (#D9E2F1, #002DA0, #66000F, #032D03, #00010E)
• Dusty Cornflower color palette (#DEEAFA, #067AF1, #946700, #0051A7, #0A0500)
• Linen Aubergine color palette (#FBE1EB, #7B55B3, #4E6300, #4B0087, #161E00)
• Weathered Pewter color palette (#F4DBF0, #8484C4, #92579B, #00304C, #0C0B2E)
• Washed Garden color palette (#EED6E6, #6F76C2, #7F6800, #3A1FBB, #322800)

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