Pale Navy color palette — #F5DDEF · #344BC1 · #5E4500 · #120083 · #040200

A conversation between Indigo and Cobalt, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#F5DDEF): A whisper-light, dusty pink — the color of a candy shop window.
• Cobalt (#344BC1): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#5E4500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Indigo (#120083): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#040200): a grounded near-black with real depth.

Feels like: Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Weathered Grape color palette (#FFE7F1, #6E2CBD, #405100, #370068, #020300)
• Navy Boulevard color palette (#E3EFFF, #004595, #573600, #183800, #000105)
• Feathered Sapphire color palette (#E8F1FF, #3664FF, #7C6300, #1631AA, #150F00)
• Denim Archive color palette (#D8F6E9, #006387, #6A3D00, #002E41, #060200)
• Airy Lapis Bloom color palette (#F5DEED, #472EEE, #8F0034, #210084, #250008)
• Powdered Nightshade color palette (#DCE6F8, #5369FF, #BE004D, #2300B0, #040001)
• Grape Chapel color palette (#D3ECD5, #846C00, #6300D3, #1C0510, #030002)
• Antique Corridor color palette (#FFE3F8, #AD8DD8, #B6548F, #004766, #05001C)

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