Misty Summit color palette — #FFF0F8 · #9589F8 · #C44266 · #226600 · #192277

Magenta Rose and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Lavender Blue (#9589F8): A luminous, balanced violet — the color of wild irises.
• Magenta Rose (#C44266): A full-bodied, vivid red — the color of late-summer berries.
• Olive (#226600): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#192277): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Sunlit Station color palette (#FFF0FA, #828FFF, #C24D20, #006645, #00305E)
• Hazy Atelier color palette (#E4FBF4, #39A2F4, #C93473, #386300, #003256)
• Powdered Brick color palette (#EFDAEB, #587FE9, #B42408, #00502F, #001F40)
• Hazy Bronze Boulevard color palette (#FFF1F4, #BE92C9, #AF6E45, #006D5F, #432A59)
• Feathered Byzantium color palette (#FFF0FA, #868EFB, #9851C5, #695200, #00354A)
• Peony Field color palette (#FFDFE0, #D74EB3, #637100, #004492, #0B0076)
• Wisteria Veranda color palette (#F3F4FF, #C592FF, #9F7700, #365E00, #00272B)
• Gentle Brick color palette (#F7F3FF, #BB4AA8, #AA0412, #553A00, #352062)

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