Misty Coast color palette — #F0F5FF · #8B98E0 · #C76F43 · #4B6C00 · #0B142A

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

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender Blue (#8B98E0): A luminous, balanced violet — the color of twilight just after sunset.
• Coral Clay (#C76F43): A luminous, balanced orange — the color of toasted spice.
• Olive (#4B6C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#0B142A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Chalky Lagoon color palette (#EBF7FF, #2DACDA, #CE6275, #686200, #001826)
• Chalky Atelier color palette (#EFF6FF, #82A5EC, #B4535E, #1E5900, #011549)
• Pine Archive color palette (#F8F2FF, #D67CAD, #C17441, #007339, #1B0F25)
• Misty Rust color palette (#F4F4FF, #B181D4, #B2452D, #235100, #000B24)
• Muted Olive color palette (#F8F2FF, #DE99C6, #D2896C, #50813E, #2A1E37)
• Iris Terrace color palette (#F1F5FF, #8895F0, #B26EA7, #875100, #0B1429)
• Amber Canyon color palette (#FFE8E8, #E489C4, #E28700, #998100, #3A1C1E)
• Worn Orchard color palette (#FBF1FF, #CE5F89, #5C850B, #005767, #160007)

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