Nocturne Ridge color palette — #F3E8D7 · #7F5F00 · #2D2400 · #130B01 · #040200

A conversation between Ochre and Onyx, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F3E8D7): A whisper-light, dusty gold — the color of old brass.
• Ochre (#7F5F00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2D2400): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#130B01): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#040200): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Patina Grove color palette (#E5E0D0, #7C7900, #31322B, #1A1506, #090602)
• Midnight Terracotta Canyon color palette (#FEECE2, #A63E1B, #361F04, #180802, #060100)
• Lowlit Corridor color palette (#E8E3C6, #525D5F, #323B00, #182222, #000901)
• Aged Olive Pier color palette (#EEECC7, #658A29, #2872B1, #94354D, #171500)
• Hushed Cypress color palette (#F7F2E0, #91A97A, #407248, #633A2C, #1F1D00)
• Faded Moss Bloom color palette (#EBDEC2, #A4901A, #686D00, #354600, #0D2D06)
• Indigo Summit color palette (#EDEAD3, #879B45, #816CBC, #4C5D00, #200E41)
• Hushed Olive color palette (#F7DFC4, #B5A786, #767931, #58445A, #272245)

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