Moonless Harbor color palette — #DCECF6 · #005D9A · #002978 · #0D0057 · #0B002B

Navy and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DCECF6): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#005D9A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#002978): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#0D0057): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0B002B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Moonless Harbor 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 Orchard color palette (#D4E7EC, #006889, #003C5A, #00142E, #0B001B)
• Velvet Lagoon color palette (#DCE8F5, #1655D5, #220089, #1B0042, #0D001B)
• Washed Nightshade Terrace color palette (#CEF3FB, #0072A2, #0119C4, #2D0069, #150025)
• Deep Nightshade color palette (#D4E5FF, #2542B3, #4D3C00, #07006D, #090500)
• Misty Plum color palette (#E0E9FA, #A78CE1, #A8479D, #002F54, #10042A)
• Airy Study color palette (#EAEBFC, #6A3DC7, #4C007A, #2A0034, #160013)
• Obsidian Nightshade Cabin color palette (#DFE6FF, #2B0CB2, #611100, #002D14, #01000F)
• Grape Studio color palette (#D5E8FF, #6C8AF9, #5931DB, #4B1F8B, #3F2552)

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