Misty Cobalt color palette — #E9F3FF · #4D77B9 · #7E4200 · #5A2D00 · #2C2E00

Slate takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Slate (#4D77B9): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#7E4200): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#5A2D00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#2C2E00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Linen Cobalt color palette (#EBF2FF, #5A72BE, #6E4D00, #004818, #002D26)
• Mulberry Veranda color palette (#DCF4ED, #3980C1, #80336D, #4B2B00, #001A0B)
• Feathered Corridor color palette (#E8F3FF, #519ADF, #A54F82, #684A00, #00342B)
• Tempered Mulberry Courtyard color palette (#E0F6FD, #00888B, #85334E, #493800, #222903)
• Washed Sapphire color palette (#DBE9FF, #2754FF, #6A4100, #043F07, #00251D)
• Velvet Denim color palette (#CFE3F3, #005F86, #5D2100, #222000, #041002)
• Wandering Corridor color palette (#C6EEFD, #8AA5CD, #7C7597, #365D53, #14464C)
• Wandering Ash Lantern color palette (#F3F4FF, #9F8DC3, #6B7745, #465C2B, #104C4C)

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