Muted Cobalt color palette — #FFF1F6 · #9DD6FA · #587CCB · #006761 · #423765

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#9DD6FA): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#587CCB): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#006761): A full-bodied, balanced teal — the color of sea glass.
• Navy (#423765): A deep, shadowed, dusty 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 Muted 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

• Cerulean Harbor color palette (#FCF1FA, #7FE0EA, #008ABC, #006B3E, #283F67)
• Linen Sapphire Garden color palette (#FFF1F6, #75C0F7, #4760D7, #005655, #392659)
• Faded Cobalt color palette (#EFF5E3, #A0D8FC, #3989C7, #005E77, #00244C)
• Ancient Lantern color palette (#F9F3F9, #D3D7EF, #75A0B9, #427A75, #465463)
• Wandering Powder Cabin color palette (#D9FDFF, #C0DFFA, #A3A8F3, #617529, #1B4758)
• Lagoon Ridge color palette (#E6DAE4, #00919C, #00425C, #002411, #000623)
• Timeworn Station color palette (#FCF3EC, #CAE9FF, #8BB7FF, #00A4AD, #39396B)
• Gentle Field color palette (#DBE3CA, #00C162, #008470, #00585F, #1F395B)

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