Misty Cobalt color palette — #FDF4E6 · #98D3FF · #407BC8 · #004F5E · #04062C

Azure and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#98D3FF): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#407BC8): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#004F5E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#04062C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Patina Cerulean Canyon color palette (#FCF4E7, #70DEF0, #0087AA, #00524A, #000E1A)
• Feathered Azure Harbor color palette (#C9F5FD, #00A1CA, #0072A3, #003761, #000B39)
• Softworn Mallow Ridge color palette (#EEF6FF, #DED6EC, #CE9DEE, #006D8F, #190319)
• Tempered Iris color palette (#EEE2D7, #8CC8F1, #5E90EB, #007C84, #1C1548)
• Ultramarine Terrace color palette (#F5E4EB, #72A2C6, #2650AF, #00383E, #0B002C)
• Timeworn Cerulean Orchard color palette (#FAF4EB, #A1F7F9, #00A3BC, #006C57, #00222F)
• Airy Plum color palette (#CCE4FF, #007BDD, #C60049, #396200, #000206)
• Timeworn Workshop color palette (#EFF6FF, #81AFFF, #005CD2, #002658, #000105)

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