Nightshade Coast color palette — #FDD8F0 · #6E6DFF · #727600 · #401FC9 · #2F3100

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

The five colors

• Shell Pink (#FDD8F0): A whisper-light, dusty pink — the color of a candy shop window.
• Cornflower Indigo (#6E6DFF): A luminous, vivid violet — the color of a velvet chair.
• Olive (#727600): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#401FC9): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Forest (#2F3100): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Faded Nightshade color palette (#DCE2F5, #7E6EF3, #7A7500, #4D00C6, #181700)
• Orchid Pier color palette (#ECDDFF, #A653EB, #677A00, #6D00A9, #2A3200)
• Pale Pier color palette (#F8D9F7, #2180FA, #9D6000, #0049A1, #432600)
• Muted Grape Quarry color palette (#FBD9ED, #A7A3FF, #9D8D00, #5B00E8, #352E00)
• Hushed Workshop color palette (#F2ECFF, #893CE1, #6F6600, #36571F, #2B1648)
• Aubergine Alley color palette (#FFF1F4, #CF7AEC, #3D951F, #761092, #19460A)
• Aged Azure Harbor color palette (#BCF2E2, #259AEC, #9D4300, #005285, #4D1D00)
• Tempered Violet color palette (#DBE4FF, #B0A9FF, #C4B520, #7B5EF3, #342F00)

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