Shadow Harbor color palette — #FCD8F7 · #004BDF · #6A0050 · #001512 · #000103

Cobalt and Mulberry set the tone — five colors that lean into trust and stability.

The five colors

• Thistle (#FCD8F7): A whisper-light, dusty pink — the color of peonies in June.
• Cobalt (#004BDF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Mulberry (#6A0050): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#001512): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Creativity, Energy, Depth, Luxury. Tagged jewel, vibrant, dark.

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

• Inked Grape color palette (#FFE6EF, #7600CC, #700020, #00161F, #00000B)
• Nightshade Grove color palette (#D2DFF6, #1121A2, #3E1800, #0A1300, #000102)
• Twilit Aubergine Drift color palette (#F8E0E9, #530097, #470013, #000C11, #00000C)
• Twilit Aubergine color palette (#CAEBD9, #00617B, #4E0080, #002304, #000201)
• Midnight Corridor color palette (#FCD8F4, #1B2CE5, #00471B, #001C1B, #000103)
• Worn Nightshade color palette (#F4EBF0, #E1C8D2, #C199A6, #4C3B95, #080004)
• Sapphire Pier color palette (#F8E3F3, #336DFE, #984500, #384D00, #000304)
• Timeworn Indigo Workshop color palette (#FFF0F9, #7565FF, #B80069, #004547, #00040C)

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