Misty Cobalt color palette — #FFF0F9 · #90DBF3 · #4283C1 · #006954 · #343775

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Ice Blue (#90DBF3): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#4283C1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006954): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#343775): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Forest Studio color palette (#FCF1FD, #9EDBD9, #008DAE, #006C1E, #18426A)
• Aged Sapphire color palette (#FFF0F8, #78C3E2, #086CCC, #00574A, #2E2074)
• Cobalt Balcony color palette (#F7F1E7, #B0DCC3, #008DC6, #006263, #002649)
• Softworn Cypress Cabin color palette (#FBF2F6, #D9DEEF, #869ABA, #377B78, #4C516A)
• Chalky Iris color palette (#E8E9FF, #877FF9, #566A00, #005D2D, #2C2B51)
• Dusty Apricot color palette (#F2F5FF, #FDD3FF, #FD9D92, #00779C, #4D355B)
• Wandering Parlor color palette (#F2E6EE, #3E9EB2, #004E7A, #003122, #080642)
• Tempered Orchard color palette (#E4F1E3, #6084A5, #2C307E, #002224, #100021)

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