Shadow Harbor color palette — #DCEAF3 · #00759B · #19274C · #00131C · #000407

Built around Teal, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Frost (#DCEAF3): a clean, paper-quiet neutral.
• Teal (#00759B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#19274C): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#00131C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000407): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Denim Bloom color palette (#DAE7F2, #005B88, #261E22, #12143C, #00060F)
• Lapis Pier color palette (#E7EEFF, #565ACA, #371D43, #050D29, #00040A)
• Cerulean Studio color palette (#D1ECDF, #0093C1, #2D4276, #002F20, #0A150B)
• Tempered Field color palette (#ECECF8, #9272B2, #3F3848, #1C1C2C, #0A0C12)
• Nightshade Studio color palette (#E3EEFF, #0030AB, #2C2224, #130525, #00000A)
• Timeworn Cerulean color palette (#FBEDF7, #A7D9EA, #0090B5, #006549, #002743)
• Cornflower Market color palette (#D7E6FF, #5B79E5, #966D00, #6D6300, #081041)
• Timeworn Pine color palette (#E3F8EB, #9AB17C, #217E49, #00575B, #182600)

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