Misty Navy color palette — #D2E8D7 · #00A197 · #006B8B · #002A6D · #1B0033
Navy and Fern set the tone — five colors that lean into trust and stability.
The five colors
- Celadon Mist (#D2E8D7): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#00A197): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#006B8B): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#002A6D): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#1B0033): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Quiet Aubergine Workshop color palette (#DBEEE9, #00A9BA, #005F94, #32008F, #22002E)
- Aged Azure Meadow color palette (#D6EEF2, #00A3C6, #00698A, #003B59, #1C1C45)
- Gentle Jade color palette (#E8F0E0, #00B166, #007270, #003A53, #020049)
- Aqua Meadow color palette (#E4FAD3, #6BCCD1, #488AAF, #475481, #371B46)
- Washed Lagoon color palette (#D3FFFE, #1AD7F4, #0092C4, #004E7F, #050060)
- Hushed Nightshade Workshop color palette (#CCF1F0, #008DD2, #3E4AB0, #440D68, #1F0016)
- Midnight Onyx color palette (#DFF1F8, #00657F, #1D282E, #0F164B, #000B05)
- Cellar Navy Thicket color palette (#DAECE6, #005D70, #002D5E, #09002C, #030005)
Browse the whole catalog at Explore, or see today's palette.