Nocturne Coast color palette — #D4E4F4 · #2671CE · #00366D · #000F21 · #000206

Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#D4E4F4): A whisper-light, dusty blue — the color of deep harbor water.
• Royal Blue (#2671CE): A full-bodied, vivid blue — the color of open sky before noon.
• Navy (#00366D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#000F21): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000206): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Moonless Ridge color palette (#C8EAF7, #0085A2, #003B4D, #00151C, #000305)
• Soft Cornflower color palette (#DCECFF, #278AF9, #00589D, #002347, #00030A)
• Velvet Delta color palette (#E0E5FF, #5C6AC9, #16009F, #03003C, #000010)
• Charred Lapis color palette (#EADCE4, #6054C4, #650203, #26006F, #050100)
• Dusty Aubergine color palette (#F2ECFF, #8353B2, #4F0085, #190038, #050011)
• Orchid Summit color palette (#CFEEE3, #919ADC, #A05ABA, #004A4F, #011638)
• Sunlit Ultramarine color palette (#E3ECFF, #6696FB, #004CBF, #00276E, #030058)
• Softworn Lapis color palette (#EAE9DB, #9C8000, #3A4DF6, #020023, #050004)

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