Nightshade Pier color palette — #FCDDF6 · #FC2E33 · #007E3A · #3407C8 · #380050

Indigo and Scarlet set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FCDDF6): A whisper-light, dusty pink — the color of peonies in June.
• Scarlet (#FC2E33): A luminous, vivid orange — the color of sun-warmed clay.
• Olive (#007E3A): A full-bodied, balanced teal — the color of sea glass.
• Indigo (#3407C8): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#380050): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Energy. Tagged vibrant.

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

• Aubergine Field color palette (#FFDDED, #D56B00, #007978, #670098, #39004D)
• Weathered Courtyard color palette (#FFF1F7, #E77A00, #008B79, #6833A3, #570C37)
• Peony Balcony color palette (#EFE2F9, #F7009A, #617200, #004B7D, #210F5E)
• Hazy Thicket color palette (#FFF3E8, #E17C00, #148118, #00465C, #1F002F)
• Soft Ultramarine color palette (#FFE1D0, #FF7C50, #009AB7, #0058E4, #001C5D)
• Sunlit Aubergine color palette (#D8F0D5, #C07B00, #007879, #720084, #49001B)
• Weathered Villa color palette (#FFE7E1, #C9A35B, #699644, #60558A, #40315E)
• Patina Alley color palette (#D7EBDD, #8C7200, #005B77, #62002E, #2A0007)

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