Muted Cobalt color palette — #F6EDE0 · #8FCBFF · #5D85CD · #006880 · #242952
Built around Azure, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#F6EDE0): a clean, paper-quiet neutral.
- Sky (#8FCBFF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Azure (#5D85CD): A luminous, balanced violet — the color of wild irises.
- Peacock (#006880): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#242952): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Worn Cerulean Basin color palette (#F4EEE4, #71D6E0, #0095B4, #006D5E, #003248)
- Weathered Azure Market color palette (#ECF8F7, #D6DBF7, #5494E2, #006489, #071B45)
- Softworn Petrol color palette (#F6EDE3, #91B6D6, #4763B2, #004E58, #2D2650)
- Periwinkle Villa color palette (#F5ECEE, #B6D7F6, #7EA0F9, #008E9F, #2D225A)
- Weathered Azure Boulevard color palette (#FBF4E9, #91EBFF, #1DAADB, #00837D, #164364)
- Washed Petrol Lantern color palette (#E9E0D4, #57ADD4, #006BAA, #004950, #001135)
- Aged Boulevard color palette (#EDE1CF, #46A2AA, #006377, #003C33, #000B13)
- Aged Glacier color palette (#DFF9DE, #79E3FF, #86BBF0, #3D8570, #1E3727)
Browse the whole catalog at Explore, or see today's palette.