Nocturne Canyon color palette — #E1F1FF · #785900 · #342729 · #001626 · #000306

Coffee and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#E1F1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Coffee (#785900): A full-bodied, balanced gold — the color of old brass.
• Onyx (#342729): quiet, heavy and certain.
• Ink (#001626): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000306): quiet, heavy and certain.

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

Use it as a design system

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

• Onyx Garden color palette (#D9E5FB, #785900, #0A0049, #1A0C1A, #010013)
• Rust Ridge color palette (#D4F1E9, #BA4F20, #002C52, #12191E, #000612)
• Aubergine Balcony color palette (#DBE4FF, #9A7300, #260B67, #090028, #030008)
• Navy Station color palette (#DEE1E9, #9398B2, #6F6C89, #1F225C, #060912)
• Washed Emerald Lantern color palette (#DCF0E8, #4D9A63, #004F72, #001826, #000201)
• Aubergine Workshop color palette (#E4E0FF, #B88A00, #5D0072, #2B0635, #100B21)
• Shadow Onyx color palette (#E1EFFD, #003964, #4F1100, #161300, #000206)
• Muted Veranda color palette (#E7EFFF, #BB9642, #343D73, #13203E, #110E1B)

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