Sunlit Navy color palette — #D8E5E4 · #7193B5 · #004598 · #002C42 · #020447

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

The five colors

• Silver (#D8E5E4): bright and airy, almost weightless.
• Slate Blue (#7193B5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Indigo (#004598): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002C42): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#020447): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Sunlit 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

• Washed Cerulean color palette (#D0E6E3, #509BB2, #00516C, #002F34, #001624)
• Frosted Basin color palette (#D9E5D8, #638EB7, #252CBA, #002B32, #060017)
• Powdered Lapis Courtyard color palette (#F4E7D9, #72A7D9, #364CEA, #004853, #170538)
• Muted Cornflower color palette (#E7EEDB, #75B5F6, #287EF5, #006691, #040D3A)
• Frosted Balcony color palette (#E7F1F0, #97B5D1, #1968B9, #004B67, #0E2A60)
• Cobalt Boulevard color palette (#E9F9F8, #A0D7F4, #1088C6, #006378, #0F426C)
• Patina Summit color palette (#E9F9F6, #6EC8CD, #007C89, #005650, #003A45)
• Aged Harbor color palette (#EFF7F6, #D2DEF0, #69A3B5, #257D7F, #36576B)

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