Muted Navy color palette — #DEF3F3 · #00A2C6 · #00679A · #00327C · #10004E
Navy and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#DEF3F3): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#00A2C6): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00679A): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00327C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#10004E): 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 Muted 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
- Tempered Cerulean Market color palette (#CEEAE5, #00A1AC, #006F8A, #004265, #001736)
- Chalky Turquoise color palette (#D3EEF0, #00AFD7, #006692, #002D5D, #03001B)
- Chalky Nightshade Dune color palette (#DBF0F6, #019CE5, #005ED0, #2C02A2, #1A003B)
- Quiet Boulevard color palette (#D8EBDF, #008F8E, #004D65, #0E007A, #21003A)
- Denim Atelier color palette (#E9E0D1, #0090A6, #0057A7, #6B0B13, #001924)
- Hushed Grove color palette (#CCEDD9, #00B3BB, #0087BE, #3543C8, #26003B)
- Aubergine Coast color palette (#E3FAFF, #7ACCEF, #5E96CA, #4966AB, #41307D)
- Dusty Aubergine color palette (#E3F0FF, #5767CA, #4B2999, #330048, #070007)
Browse the whole catalog at Explore, or see today's palette.