Muted Cobalt color palette — #F6F0F4 · #AFCDDA · #2F84B5 · #005E3F · #111D43

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

The five colors

• Ivory (#F6F0F4): a clean, paper-quiet neutral.
• Oat (#AFCDDA): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#2F84B5): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E3F): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#111D43): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Timeworn Market color palette (#F1F7F2, #9FCDE1, #0085A8, #006058, #213D54)
• Worn Cypress color palette (#F7EFF3, #C4E1F6, #738EBC, #006D64, #2C254B)
• Washed Sapphire color palette (#F2E5EA, #98B8D0, #4065BE, #004C48, #1B033F)
• Wandering Teal color palette (#D7E4DB, #39B0A0, #00767C, #004C65, #001D47)
• Muted Cypress color palette (#E1F6FF, #B9DAFD, #C39EDB, #00795D, #102C3D)
• Sky Delta color palette (#E0F6FF, #64B2DF, #007094, #003747, #001017)
• Powdered Rust color palette (#DCECF5, #489DBE, #C64E55, #005E7A, #3C0009)
• Ancient Navy color palette (#F7ECF4, #4B8290, #003E67, #002017, #01000B)

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