Muted Cobalt color palette — #FAF0E8 · #9FD0E7 · #417BCE · #005C52 · #1E1A3D
Azure and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#FAF0E8): a clean, paper-quiet neutral.
- Sky (#9FD0E7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#417BCE): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
- Deep Indigo (#1E1A3D): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. 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
- Weathered Cerulean color palette (#FAEFEB, #B3D0B7, #0087B4, #005F33, #2E162E)
- Aged Cobalt Canyon color palette (#FAF4EC, #95CEEA, #2F7EB9, #005E67, #4B2F4A)
- Petrol Chapel color palette (#F4E5E1, #73C3C6, #007699, #004F23, #001534)
- Dusty Periwinkle color palette (#FFF1F8, #ABDDF5, #6996DA, #007D70, #313955)
- Worn Cerulean Coast color palette (#F9EFED, #CDE4CB, #2A9CBA, #3C6B3C, #0A342C)
- Nightshade Corridor color palette (#EDDFD4, #507F9A, #0020A5, #001F1D, #020008)
- Ultramarine Study color palette (#EFE4D9, #6AA3CA, #2C47C0, #003938, #100027)
- Timeworn Cerulean Balcony color palette (#FFEBE4, #379AA2, #00506E, #002E17, #000313)
Browse the whole catalog at Explore, or see today's palette.