Misty Navy color palette — #B1F7C3 · #00E6CE · #00BAD1 · #0080BC · #002990
A conversation between Indigo and Lagoon, giving this palette its sense of nature and growth.
The five colors
- Mint (#B1F7C3): A whisper-light, balanced teal — the color of shallow lagoons.
- Lagoon (#00E6CE): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#00BAD1): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0080BC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Indigo (#002990): A deep, shadowed, vivid violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Calm. 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
- Misty Aubergine color palette (#8EFDD9, #00DEEB, #00B1E1, #0077D9, #2E008F)
- Wandering Boulevard color palette (#BAF9A7, #2DEBA9, #00BFBC, #0089A6, #003B62)
- Navy Dune color palette (#CEE6DD, #00CCC5, #00A1C2, #0066A5, #1A0176)
- Powdered Teal Ridge color palette (#84FEE2, #00B7B5, #007D8C, #004962, #001B38)
- Wandering Ultramarine color palette (#D8F0EE, #00B4D5, #0083C1, #363BC9, #1B0039)
- Quiet Glacier color palette (#D4FFFD, #2DEDF6, #00A9C0, #00627A, #002B3D)
- Soft Periwinkle color palette (#BDFDFF, #95DDFF, #79B3FF, #757ECC, #4B246A)
- Tempered Terrace color palette (#CBF3FB, #0099DF, #3656FF, #5500AC, #1A0024)
Browse the whole catalog at Explore, or see today's palette.