Misty Harbor color palette — #DBF4FF · #007B8B · #A80034 · #00414A · #39000C

Built around Garnet, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Frost (#DBF4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007B8B): A full-bodied, balanced blue — the color of deep harbor water.
• Garnet (#A80034): A full-bodied, vivid red — the color of a theater curtain.
• Deep Teal (#00414A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#39000C): A deep, shadowed, balanced red — the color of late-summer berries.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Mulberry Courtyard color palette (#D1E7E9, #008068, #A2005F, #004436, #37001D)
• Aged Bloom color palette (#D3E9F5, #007A93, #884500, #00404F, #2D1200)
• Mulberry Studio color palette (#C8EEFF, #006481, #900046, #612C00, #00141D)
• Worn Azure Corridor color palette (#CFE8FF, #259BEA, #9E4200, #005284, #4E1D00)
• Grape Studio color palette (#DFF1E6, #00788D, #8200B0, #003D49, #10001A)
• Hushed Amber Dune color palette (#E9F8FF, #59ADC1, #BD7459, #007286, #5F3627)
• Hushed Rose color palette (#CEECD5, #00B0C0, #EC524D, #007F8B, #3A0003)
• Onyx Ridge color palette (#FADEE8, #8F712E, #663900, #4B1000, #191700)

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