Nightshade Coast color palette — #FFF1F0 · #D96B98 · #007DAD · #3236C3 · #311437

Built around Indigo, softened by Bubblegum — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Bubblegum (#D96B98): A luminous, balanced rose — the color of pressed rose petals.
• Cerulean (#007DAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#3236C3): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#311437): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged jewel, 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

• Soft Villa color palette (#F9E6E1, #C64E6F, #00669F, #421B9D, #1E041C)
• Sunlit Sapphire color palette (#FFF2ED, #C3676E, #126BC8, #5F3695, #351718)
• Magenta Canyon color palette (#FFF1F3, #D260CE, #007F89, #005C97, #281E41)
• Feathered Pier color palette (#FFF2E9, #C98A6A, #7770B8, #863B7B, #3E261F)
• Tempered Thicket color palette (#EBFBE2, #00B599, #0083AC, #4F1DD7, #55034A)
• Sunlit Cornflower color palette (#FFF1F5, #FFA740, #008CEB, #287BC1, #2C1C39)
• Misty Grove color palette (#FFF3E8, #D77200, #8257D6, #940074, #3A0E0F)
• Feathered Nightshade Station color palette (#FFE9DB, #B64300, #452CB0, #510059, #120003)

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