Misty Coast color palette — #F9F2FF · #EA84B2 · #A48900 · #00888A · #211D31
Built around Bubblegum, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F2FF): bright and airy, almost weightless.
- Bubblegum (#EA84B2): A luminous, balanced rose — the color of pressed rose petals.
- Mustard (#A48900): A luminous, balanced green — the color of new leaves after rain.
- Teal (#00888A): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#211D31): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, 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
- Washed Thicket color palette (#F2F5FF, #A692F5, #C27B00, #008881, #1B1F35)
- Moss Coast color palette (#F6F3FF, #ECA0EA, #669D23, #4A89BE, #2C263C)
- Gentle Ember Orchard color palette (#DEF5E9, #F397D4, #E96D43, #00829D, #3B2742)
- Ancient Marigold Station color palette (#FFF1F5, #ED9600, #68A535, #0082B8, #221528)
- Mustard Orchard color palette (#F0F8F0, #DEAF66, #8CB576, #5A95C2, #372D3A)
- Hushed Emerald color palette (#FFEFFC, #FF6856, #0D9F26, #006AC0, #36040B)
- Ember Corridor color palette (#FFF2EB, #CA5F33, #6D7600, #00603A, #0D2312)
- Antique Indigo color palette (#FFF1F5, #EF9600, #00AC94, #6D5FCF, #391607)
Browse the whole catalog at Explore, or see today's palette.