Navy Quarry color palette — #D1EDFF · #00526C · #002C5B · #380C00 · #000102
A conversation between Navy and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D1EDFF): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#00526C): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#002C5B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Onyx (#380C00): A deep, shadowed, dusty orange — the color of autumn markets.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Navy Quarry 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
- Lowlit Navy color palette (#E1EEFF, #00366D, #18006A, #1D0D00, #000102)
- Eclipse Onyx color palette (#CDE6EB, #005550, #003C41, #2E001E, #000200)
- Washed Field color palette (#FBDCE7, #007567, #00387B, #2F1800, #000708)
- Charred Onyx color palette (#DAEDF2, #005352, #4C0048, #360F00, #000906)
- Powdered Navy color palette (#DCE8DE, #008986, #004D63, #0A0070, #0B001B)
- Abyss Pier color palette (#E4EEF2, #A9B5BE, #838EA4, #004E50, #000D12)
- Velvet Navy color palette (#E0EBFD, #091A80, #2A0032, #0C0B00, #00000C)
- Lowlit Nightshade Ridge color palette (#D6E1F2, #0C3BB8, #4B0055, #1F1800, #000107)
Browse the whole catalog at Explore, or see today's palette.