Hazy Navy color palette — #EBD9FA · #D793B2 · #BC7642 · #314694 · #1B0015

Indigo and Caramel set the tone — five colors that lean into optimism and creativity.

The five colors

• Thistle (#EBD9FA): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#D793B2): A luminous, balanced rose — the color of pressed rose petals.
• Caramel (#BC7642): A luminous, balanced gold — the color of old brass.
• Indigo (#314694): A full-bodied, balanced violet — the color of wild irises.
• Ink (#1B0015): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged pastel, light, warm.

Use it as a design system

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

• Hushed Ember Lagoon color palette (#E6EBFF, #DA8FC2, #D56C54, #005578, #180428)
• Soft Navy Lantern color palette (#F2E2F0, #DA858D, #9D7407, #38327F, #110007)
• Gentle Aubergine color palette (#E0DDEE, #DD9CC4, #C86164, #542B9A, #3A1633)
• Ultramarine Delta color palette (#F4DAE4, #E3AEC5, #E78E4C, #445DB6, #360C2F)
• Aubergine Market color palette (#FFE6E9, #B58265, #6C6600, #4E1558, #070000)
• Mulberry Corridor color palette (#F7DEF3, #F8BD89, #8FA863, #884871, #301600)
• Driftwood Balcony color palette (#F1F0FF, #EED0DF, #E1B2AB, #747DA6, #372840)
• Hushed Pewter Market color palette (#FFEBF8, #EFDBB0, #9EC69E, #965A73, #391A2A)

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