Misty Summit color palette — #FFD7ED · #A198FF · #FB506F · #747C00 · #1E134A

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

The five colors

• Shell Pink (#FFD7ED): A whisper-light, dusty pink — the color of neon signs at night.
• Wisteria (#A198FF): A luminous, balanced violet — the color of a velvet chair.
• Scarlet (#FB506F): A luminous, vivid red — the color of a theater curtain.
• Olive Leaf (#747C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#1E134A): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Misty Summit 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

• Chalky Grove color palette (#FFD9E2, #D77CF7, #EC6B00, #008B51, #300A3D)
• Hazy Veranda color palette (#FFE5EC, #D061FF, #EF1096, #4B7900, #1F0536)
• Peony Hollow color palette (#CBEEDE, #00B2E8, #F35291, #887C00, #002331)
• Peony Canyon color palette (#FFDBD8, #FF5CB4, #E94952, #807F00, #3D0125)
• Hushed Magenta color palette (#BDF3DD, #7BB3FF, #DB43CA, #007F60, #261C59)
• Sunlit Marigold Market color palette (#FFF0F9, #A4A9FF, #E59000, #009E90, #262749)
• Soft Iris Hollow color palette (#D5E6FF, #6492FF, #A04A00, #595D00, #07194E)
• Pale Wisteria Harbor color palette (#FFD9E3, #D072FF, #EC57A0, #D83400, #2E0D3D)

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