Navy Quarry color palette — #E1F2FB · #0F87CE · #0057A9 · #001B77 · #04002D

Navy takes the lead with Cobalt close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#E1F2FB): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0F87CE): A full-bodied, balanced blue — the color of open sky before noon.
• Cobalt (#0057A9): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#001B77): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#04002D): 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 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

• Sunlit Ultramarine Loft color palette (#E1F0FF, #3F78DE, #323FCA, #29007F, #0B0024)
• Aged Cerulean Pier color palette (#CCF4FD, #008CAF, #005D84, #003356, #000D25)
• Nightshade Grove color palette (#F4E3F6, #0075C4, #2834B1, #50003C, #000A21)
• Frosted Meadow color palette (#CEEBE8, #007B92, #003B6D, #12005B, #13002B)
• Nightshade Loft color palette (#CEF9F7, #00A2CB, #0073B4, #3B1DB6, #17002C)
• Denim Corridor color palette (#D5E1E8, #A7B7C2, #7C99B2, #005C72, #001622)
• Nightshade Lagoon color palette (#D0E9FD, #5FABFF, #366FFF, #3300D7, #270071)
• Dusty Ultramarine color palette (#DCEEFD, #00B2E0, #0093D9, #2435FE, #000A1B)

Browse the whole catalog at Explore, or see today's palette.