Misty Cobalt color palette — #FEF1F6 · #99D7FF · #517FC9 · #00666B · #3A3A64
Built around Azure, softened by Powder Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#FEF1F6): a clean, paper-quiet neutral.
- Powder Blue (#99D7FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Azure (#517FC9): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00666B): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#3A3A64): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Misty 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
- Washed Thicket color palette (#FBEDF3, #A0D8FC, #5D7FD2, #00625E, #2A164F)
- Cerulean Grove color palette (#FCF1F9, #8DD3D8, #1885A3, #006345, #1F3D57)
- Hazy Iris color palette (#FEF3E9, #B5E2FF, #6E97F8, #00837D, #43346C)
- Hushed Sapphire Terrace color palette (#FFF1F5, #78BFF7, #2F5FE6, #00545D, #312665)
- Dusty Ash Study color palette (#FAF2F8, #D4D7EF, #68A4B4, #417A7A, #415566)
- Gentle Powder color palette (#FCF4E8, #CAE9FF, #81BAFF, #00A2BB, #293A77)
- Ancient Harbor color palette (#F2E0E8, #1D9BD0, #004890, #003031, #0D083C)
- Cerulean Market color palette (#F8EAF5, #00919F, #004359, #00231A, #000919)
Browse the whole catalog at Explore, or see today's palette.