Muted Cobalt color palette — #B5F4FF · #53B5DC · #3781BE · #38528B · #433F67
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Frost (#B5F4FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#53B5DC): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#3781BE): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#38528B): A full-bodied, balanced violet — the color of wild irises.
- Navy (#433F67): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Linen Periwinkle Courtyard color palette (#CFEFFF, #7AD5FF, #5AB0FF, #6887C8, #3F4765)
- Hushed Thicket color palette (#C0E3FF, #7BB6E4, #3480C3, #054A97, #13274E)
- Airy Teal color palette (#BDEFD5, #5AC5B5, #00888C, #006274, #214962)
- Weathered Terrace color palette (#D8FFF4, #A1BCF1, #747BB3, #6A588B, #66444C)
- Misty Petrol Corridor color palette (#FEF0FF, #77A2D8, #A98246, #2A66AB, #573D11)
- Weathered Cerulean Pier color palette (#FEF0FF, #E9D7D8, #E0B1CD, #4F8D9E, #5D4755)
- Gentle Cobalt Pier color palette (#FFF0FE, #5D89CD, #A36F1D, #81650C, #433043)
- Washed Navy color palette (#D3E9F0, #0072A9, #00387A, #1B0073, #20003D)
Browse the whole catalog at Explore, or see today's palette.