Muted Cobalt color palette — #FAF4EB · #A4D0C3 · #5278B6 · #005D71 · #2F3662

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

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Pistachio (#A4D0C3): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5278B6): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005D71): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2F3662): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Powdered Cobalt color palette (#FFF4E2, #80C2E0, #0073B4, #00555B, #072F6A)
• Cobalt Boulevard color palette (#F8F0E8, #B0CFC6, #6776BE, #005B5D, #261739)
• Tempered Villa color palette (#FBF4E9, #B4CDB5, #338594, #00624D, #004156)
• Wandering Iris color palette (#FBF2F5, #C0D7EE, #8391CE, #007B7E, #432F5D)
• Worn Powder Field color palette (#F0F7F2, #C8E4FE, #87B2F9, #1A9BBA, #31375B)
• Muted Denim Boulevard color palette (#F1E8D9, #5E99AA, #00506F, #00302F, #001529)
• Pale Cobalt color palette (#FBECDC, #B8803D, #2D7FBA, #794A00, #04385B)
• Aubergine Veranda color palette (#F6E1C6, #A26E00, #007C7E, #763F8B, #3B270A)

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