Misty Navy color palette — #DCF3F3 · #009CB5 · #00689A · #002E75 · #150758
Navy and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DCF3F3): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#009CB5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00689A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#002E75): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#150758): 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
- Airy Bloom color palette (#DBEEF5, #00A2D4, #006D9A, #004A75, #2B2561)
- Weathered Cobalt Thicket color palette (#E7F9FF, #47C6FD, #0091CD, #00588C, #002A4F)
- Softworn Nightshade color palette (#C9EFFB, #0090CB, #0065B5, #2B00AF, #200054)
- Weathered Lagoon color palette (#D3F3E5, #009E8F, #006B71, #004257, #001A2F)
- Gentle Periwinkle color palette (#E0EBFF, #419BFF, #005AB4, #001B71, #000717)
- Soft Fuchsia color palette (#CAFEF0, #C2CEFF, #DB81E1, #006A79, #081E4F)
- Worn Sapphire color palette (#CCE7F7, #379AFB, #4C5CDC, #492D9A, #330D51)
- Chalky Nightshade color palette (#D3EBFF, #417DD5, #4644B4, #42006F, #290030)
Browse the whole catalog at Explore, or see today's palette.