Midnight Navy color palette — #F2EADD · #00736C · #03257D · #140A00 · #000102
Built around Navy, softened by Teal — the whole palette hums with creativity and sophistication.
The five colors
- Cream (#F2EADD): a clean, paper-quiet neutral.
- Teal (#00736C): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#03257D): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#140A00): A deep, shadowed, dusty gold — the color of old brass.
- Black (#000102): quiet, heavy and certain.
Feels like: Creativity, Sophistication, Depth, Luxury. Tagged retro, dark, muted.
Use it as a design system
One click turns Midnight 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
- Inked Navy Pier color palette (#DBE7D9, #005655, #100073, #160A00, #000407)
- Pine Ridge color palette (#F5DBDC, #00773E, #00374B, #210005, #000201)
- Aubergine Thicket color palette (#ECEAC9, #006C95, #4A006C, #081000, #000109)
- Cellar Onyx color palette (#DDE9CE, #006447, #4C0047, #1A2628, #060900)
- Hushed Ultramarine color palette (#D8F3DD, #0087A6, #1A52B6, #710900, #000408)
- Olive Veranda color palette (#F3E9D6, #65864A, #004833, #001F2B, #010200)
- Wandering Archive color palette (#D2F1E5, #4C90A9, #51436D, #1F2300, #010200)
- Weathered Denim Studio color palette (#F3E5DE, #6DAEBC, #005A89, #002D1E, #00000B)
Browse the whole catalog at Explore, or see today's palette.