Navy Study color palette — #D0E5F4 · #218AD9 · #0059AD · #002C86 · #060C44

Indigo and Cobalt set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D0E5F4): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#218AD9): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#0059AD): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#002C86): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#060C44): 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 Study 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

• Weathered Nightshade color palette (#CCECF6, #028EC9, #0057A6, #2915A1, #2F1A56)
• Soft Sapphire Balcony color palette (#DDEEFF, #679BEA, #4167C3, #2B3080, #1E1C4B)
• Hazy Grove color palette (#DDF0F6, #0088B5, #00658E, #003758, #00142C)
• Ultramarine Boulevard color palette (#D8E9F7, #5CA3ED, #1775E4, #163CC8, #1D2B6B)
• Washed Lapis Garden color palette (#D7DFF7, #6C71DD, #5843BB, #380B78, #1F053C)
• Navy Studio color palette (#D8E0FF, #838DED, #4646A6, #1E0B74, #03001F)
• Washed Nightshade Grove color palette (#F6EAF4, #5579D7, #AF3A63, #1835A8, #29000F)
• Sapphire Alley color palette (#EFDEEC, #3B60D0, #8A3A81, #00575B, #020724)

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