Navy Quarry color palette — #97F5FE · #55BDE0 · #368DCB · #1A51A1 · #241682

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

The five colors

• Sea Foam (#97F5FE): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cyan (#55BDE0): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#368DCB): A luminous, balanced blue — the color of open sky before noon.
• Indigo (#1A51A1): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#241682): A deep, shadowed, vivid 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 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

• Hazy Navy color palette (#DEFCFF, #67D7F6, #0098DC, #184DA8, #1D0D60)
• Misty Nightshade color palette (#D3E6EA, #009CD9, #0062AD, #200FA5, #1A0044)
• Weathered Aubergine Orchard color palette (#BFE6FF, #82B0EF, #6A76CB, #6148A0, #460367)
• Aqua Parlor color palette (#A5F6DC, #42CEC2, #0092A7, #006383, #003155)
• Faded Studio color palette (#E8F8FF, #92C3ED, #7495CD, #5858A0, #4B2976)
• Softworn Nightshade color palette (#AFEFD1, #3AB4B9, #0073A4, #1E26AD, #440073)
• Tempered Azure color palette (#AEF8D2, #5DDBE1, #1DAEF7, #5C6FCB, #420C5D)
• Worn Orchard color palette (#DEF6E3, #00B4D5, #4778BD, #863A34, #00354B)

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