Twilit Harbor color palette — #DCE6FF · #3A67D1 · #003389 · #000A33 · #00000C

Royal Blue and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DCE6FF): A whisper-light, dusty violet — the color of wild irises.
• Royal Blue (#3A67D1): A full-bodied, vivid violet — the color of wild irises.
• Indigo (#003389): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#000A33): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Twilit 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

• Aubergine Studio color palette (#EAEAFF, #6057C7, #350092, #0D0036, #010009)
• Cobalt Hollow color palette (#D2E3F2, #0078BB, #00395A, #000E1F, #000103)
• Ancient Ultramarine color palette (#E6E9FF, #758CFF, #3241D1, #1F0085, #06002A)
• Aubergine Chapel color palette (#E3E7F8, #6A54B5, #5C2200, #300070, #030000)
• Obsidian Nightshade color palette (#E4EEFF, #2524B1, #313B00, #00221D, #00000B)
• Aged Meadow color palette (#C4EDDE, #A55700, #006996, #090C14, #000103)
• Aged Raspberry color palette (#D4E3F0, #928CCF, #AC529A, #004452, #020029)
• Dusty Cobalt color palette (#EDF1FF, #CEC9F9, #7C81B5, #464170, #1E1638)

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