Misty Navy color palette — #CFE8E7 · #008CA1 · #005E80 · #00316C · #0C0F39
Built around Navy, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Frost (#CFE8E7): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#008CA1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005E80): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00316C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#0C0F39): A deep, shadowed, balanced 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 Misty Navy 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
- Soft Turquoise Pier color palette (#C7E9EC, #00A9C8, #0085B3, #004E84, #03295A)
- Ultramarine Meadow color palette (#C0E9F4, #0093CE, #0059B0, #1B237B, #1A103B)
- Weathered Lagoon color palette (#DFF0E7, #009F8F, #006266, #003947, #001C2B)
- Antique Navy color palette (#CBE6F0, #00739E, #00438E, #1F0372, #0D0021)
- Airy Market color palette (#D2EBFF, #B6CAFF, #BF7BC4, #006F77, #0D1E34)
- Weathered Azure Archive color palette (#D2E3F4, #2496DF, #8F4500, #004B75, #210B00)
- Aged Cornflower Pier color palette (#D3E2F8, #4D93FC, #005B9F, #002859, #000617)
- Hushed Periwinkle color palette (#B9EAFF, #5FA8F1, #4D6DBC, #4D467A, #2A2B48)
Browse the whole catalog at Explore, or see today's palette.