Nocturne Canyon color palette — #D3E4F7 · #0068C1 · #21225A · #05192E · #040713
Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D3E4F7): A whisper-light, dusty blue — the color of deep harbor water.
- Royal Blue (#0068C1): A full-bodied, vivid blue — the color of deep harbor water.
- Deep Indigo (#21225A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Midnight (#05192E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#040713): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged noir, dark, luxury, 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
- Petrol Meadow color palette (#CEEDFF, #00748F, #002D4D, #001B28, #010712)
- Charred Veranda color palette (#E5ECF8, #3D48F4, #2F1F50, #0C172E, #060711)
- Timeworn Indigo Ridge color palette (#E1E4F3, #7A5DB5, #332D4A, #1C1E2D, #0D0C12)
- Muted Cornflower color palette (#EED8F0, #0388EC, #493D64, #2F2130, #0A140E)
- Patina Terrace color palette (#F6E8F6, #55A3FF, #57668D, #4F3851, #011610)
- Eclipse Veranda color palette (#DADCF4, #861EE0, #401841, #141432, #0A0613)
- Velvet Studio color palette (#DCE3F9, #4700B5, #201419, #1A0127, #010112)
- Twilit Grape Delta color palette (#F4DDFA, #8C00A7, #3C002A, #190120, #050003)
Browse the whole catalog at Explore, or see today's palette.