Muted Cobalt Corridor color palette — #FDF1F8 · #A2CCE3 · #2A7FB7 · #006158 · #293B56

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Sky (#A2CCE3): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#2A7FB7): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006158): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#293B56): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Cobalt Thicket color palette (#F8EFF4, #A5CEE4, #4281B7, #005D49, #171B44)
• Cerulean Orchard color palette (#FCF2F5, #C4E0F9, #728AB9, #276D75, #3F4660)
• Weathered Sapphire color palette (#EAF1E9, #8FB5DB, #485FBB, #004E5A, #2F284A)
• Weathered Petal color palette (#F1F5FF, #F4C3FC, #D396A6, #4B709C, #393A50)
• Lagoon Meadow color palette (#F8F5EE, #C6EAD6, #76BBE4, #009FA1, #143C63)
• Cerulean Archive color palette (#F3E3EB, #2B8CAE, #003E6B, #002221, #020329)
• Indigo Boulevard color palette (#DBE4FF, #7563DA, #7B6D00, #4C6500, #222946)
• Softworn Boulevard color palette (#FCE9F2, #56A9D1, #0A579F, #003E3E, #151945)

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