Muted Cerulean color palette — #AFEEF7 · #56B5CE · #0F88B5 · #175A87 · #3F3C62

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

The five colors

• Sea Foam (#AFEEF7): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#56B5CE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0F88B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#175A87): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#3F3C62): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

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

• Frosted Sky color palette (#CAF0FF, #6ADEF9, #00BDF7, #4687BD, #2E4564)
• Denim Workshop color palette (#CFE7C6, #5ABAC4, #0083A6, #004C90, #23284D)
• Turquoise Market color palette (#B8F7EF, #47BFC4, #00859B, #00627B, #245547)
• Faded Cobalt color palette (#D1E5FF, #86A2E6, #6A73BF, #5A508F, #544266)
• Timeworn Cobalt Pier color palette (#D9FFF1, #8DBCEA, #6C86BD, #5B6495, #6A4A5C)
• Hushed Petrol color palette (#E6FBF3, #5BA8D8, #B57B4A, #006D9E, #5A3A1F)
• Washed Cabin color palette (#D5E8F1, #00A3ED, #0068C8, #022EB9, #2E267C)
• Washed Cerulean Atelier color palette (#E6FBF4, #DED5DD, #C5B9E7, #4D8598, #554154)

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