Misty Coast color palette — #F8F2FF · #BA4A9A · #3D6324 · #004C36 · #202D3D

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

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Fuchsia (#BA4A9A): A full-bodied, vivid pink — the color of peonies in June.
• Olive (#3D6324): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004C36): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#202D3D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Byzantium Grove color palette (#F5F3FF, #9B4CB4, #5B5A00, #414600, #1C2A36)
• Soft Peony color palette (#F8F2FF, #BF64A2, #6B6600, #005163, #183450)
• Muted Rust color palette (#FFF0FB, #C1434E, #006E66, #004A44, #252837)
• Soft Courtyard color palette (#FAECFF, #B3006D, #00553D, #003827, #041334)
• Weathered Summit color palette (#F8EDFD, #AF657D, #8A3F1F, #004B47, #170D1C)
• Dusty Workshop color palette (#E1FDF0, #CB75B8, #975546, #005862, #44384A)
• Weathered Terrace color palette (#FFF3E9, #C57E5E, #A46733, #336539, #37212A)
• Aged Pewter color palette (#F7F3FB, #E3D7DC, #CFBABC, #7B6C8F, #4A4550)

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