Misty Coast color palette — #E2F7F2 · #8FB070 · #3799C0 · #487300 · #002C3C

A conversation between Olive and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E2F7F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8FB070): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#3799C0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#487300): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002C3C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Soft Lagoon Meadow color palette (#E4F8EB, #B5A459, #0CA1A2, #766400, #002E2E)
• Ancient Iris Balcony color palette (#E3F6F7, #6EB598, #648CD9, #007757, #142649)
• Amber Thicket color palette (#E0F7FA, #5CB7A1, #B0853F, #007662, #372300)
• Weathered Iris color palette (#F6F7E5, #7CB064, #8F7EE7, #376F13, #593549)
• Airy Olive color palette (#D5EEF6, #00A5AD, #897E00, #006166, #201D00)
• Pale Emerald color palette (#D4F8F5, #00A14B, #0074C5, #005C28, #00172D)
• Driftwood Lagoon color palette (#E2F7F4, #C1E2F0, #96CDBC, #6F8853, #183836)
• Soft Forest Quarry color palette (#CDFDF6, #9DC795, #4C8744, #04540F, #011A01)

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