Misty Coast color palette — #F8F2FF · #C93C98 · #006C38 · #372893 · #292760

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

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Fuchsia (#C93C98): A full-bodied, vivid pink — the color of peonies in June.
• Pine (#006C38): A full-bodied, balanced teal — the color of shallow lagoons.
• Indigo (#372893): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Navy (#292760): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Orchid Corridor color palette (#F4F4FF, #A04EDB, #625C00, #003E7E, #291F5A)
• Plum Parlor color palette (#E6DDEF, #A33A7C, #00533F, #40006A, #291041)
• Hushed Rust color palette (#FBEDF6, #C34A27, #005E71, #212F81, #1B2657)
• Linen Ember Hollow color palette (#FFF0FC, #C36C64, #007275, #633263, #502132)
• Gentle Ember Pier color palette (#FFEEE4, #DB4C00, #3F6900, #004051, #280136)
• Pale Delta color palette (#FFF0F9, #FC6426, #5F8600, #006071, #3C1C5F)
• Worn Cobalt Chapel color palette (#FEF0FC, #88DFE8, #008ABC, #006B3F, #283F69)
• Pale Harbor color palette (#EBDBEB, #A50031, #004134, #330043, #200013)

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