Nocturne Courtyard color palette — #E1F4F8 · #00668C · #003057 · #06003D · #030011

Built around Deep Indigo, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#E1F4F8): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#00668C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003057): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#06003D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#030011): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, muted, cool.

Use it as a design system

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

• Shadow Cypress color palette (#CCF7ED, #00696C, #00333E, #00101D, #02010A)
• Eclipse Navy Atelier color palette (#D9EDF8, #005DAA, #191292, #12003A, #090015)
• Wandering Spruce Alley color palette (#E4EFF5, #8B9CAA, #607289, #00313C, #000B13)
• Hushed Navy color palette (#DCF7EE, #008088, #004E76, #190065, #09000D)
• Muted Nightshade Basin color palette (#DFEFFF, #0091A0, #00699E, #342199, #00030B)
• Onyx Bloom color palette (#CAE4F8, #00425D, #360038, #120600, #000301)
• Lapis Alley color palette (#DBE9FF, #574EC3, #3A006B, #1A0025, #0C0009)
• Softworn Petrol color palette (#C6E6FC, #4C648D, #3C3156, #3B1800, #1B1200)

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