Nocturne Navy Terrace color palette — #F3DEC1 · #4A3200 · #001B74 · #27001B · #030100

Deep Indigo takes the lead with Ink close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Peach Cream (#F3DEC1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Espresso (#4A3200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Indigo (#001B74): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#27001B): A deep, shadowed, dusty pink — the color of a candy shop window.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Creativity, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Nocturne Navy Terrace 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 Alley color palette (#F7EAE1, #5F2100, #000B82, #17003A, #050100)
• Aubergine Villa color palette (#EBDFC3, #403800, #3F005D, #2B0005, #030200)
• Eclipse Navy color palette (#E1E1CD, #294600, #090066, #1A1E11, #1B0000)
• Fern Corridor color palette (#EAE4D1, #625E00, #002F33, #201E00, #000301)
• Charred Aubergine Pier color palette (#DEF4E1, #004E53, #510072, #390900, #000701)
• Twilit Lantern color palette (#EEF1DA, #006F1F, #00392B, #001214, #000206)
• Shadow Fern color palette (#DBE4C7, #4B5A00, #004F54, #4D1100, #020200)
• Aubergine Corridor color palette (#F3EAD2, #5C5200, #640088, #4C1100, #100D00)

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