Nightshade Pier color palette — #FDE9EF · #497DAC · #1B229C · #001E24 · #020009

A conversation between Indigo and Slate, giving this palette its sense of trust and stability.

The five colors

• Blush (#FDE9EF): A whisper-light, dusty rose — the color of a warm blush.
• Slate (#497DAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#1B229C): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#001E24): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#020009): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Nightshade Pier 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

• Navy Archive color palette (#D5F0F0, #4C85BB, #00397E, #002030, #01022C)
• Timeworn Abyss color palette (#E8D9E3, #438392, #00405E, #00201A, #000106)
• Ultramarine Alley color palette (#EAEFE1, #82A6CA, #004FAC, #00283C, #00000C)
• Petrol Archive color palette (#FBEDF7, #6ECCD6, #007DA1, #00543E, #001B34)
• Hushed Petrol color palette (#CAF1EA, #559A80, #00717E, #352C00, #000401)
• Aubergine Coast color palette (#C2E9DF, #365700, #5C0076, #142400, #030005)
• Iris Harbor color palette (#F7EFF2, #C8DFF4, #668BD8, #006B75, #232B44)
• Fern Market color palette (#D3E8D5, #116E11, #003610, #172026, #010A00)

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