Muted Cobalt color palette — #FAF4EB · #A3D1BE · #317DBD · #005E69 · #293A5B

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Pistachio (#A3D1BE): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#317DBD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005E69): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#293A5B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Lagoon Alley color palette (#FAF4EB, #B4CDB1, #008894, #006247, #034251)
• Linen Petrol Coast color palette (#FDF4E6, #62C7E1, #0078A2, #005654, #00355B)
• Cobalt Villa color palette (#FBEFE7, #96D0F0, #5D7CB1, #005C54, #341326)
• Timeworn Canyon color palette (#FEF1F7, #A0DEFE, #7596CC, #217B71, #39355A)
• Dusty Navy Orchard color palette (#EAE1D3, #4887B0, #003B76, #002128, #020327)
• Lilac Alley color palette (#E2FCF3, #D7E2FF, #BEA3E7, #247B93, #4A354C)
• Muted Petrol Summit color palette (#E6F2FF, #6AA2E8, #0066AB, #003764, #002542)
• Chalky Plum color palette (#C4F0E2, #0080C7, #B43862, #4D6500, #033429)

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