Shadow Harbor color palette — #E3F2F9 · #006677 · #252851 · #002229 · #000205

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

The five colors

• Frost (#E3F2F9): bright and airy, almost weightless.
• Peacock (#006677): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#252851): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#002229): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000205): quiet, heavy and certain.

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

Use it as a design system

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

• Deep Navy color palette (#E2EDF7, #005F9A, #1F007A, #001F37, #000010)
• Tempered Onyx color palette (#D7E2E9, #919BA4, #627284, #003041, #010B13)
• Navy Orchard color palette (#CCE4F1, #004552, #1C1E25, #0D0064, #060B00)
• Wandering Nightshade color palette (#E4ECF3, #0992D2, #4338A9, #004669, #060C20)
• Ultramarine Harbor color palette (#EDF7FE, #4CAED8, #4754C9, #005E7D, #14193A)
• Sunlit Grove color palette (#D6E4D5, #008684, #3E00BC, #004140, #050003)
• Aubergine Hollow color palette (#E2EDFB, #4876BD, #4600A1, #002D6E, #040015)
• Spruce Boulevard color palette (#DFF5F1, #073F05, #131F20, #390005, #100500)

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