Gentle Navy color palette — #F0DEE4 · #3A7FAE · #012B97 · #001F22 · #01000A

Built around Indigo, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F0DEE4): A whisper-light, dusty rose — the color of pressed rose petals.
• Cerulean (#3A7FAE): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#012B97): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#001F22): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Soft Navy Boulevard color palette (#DCE8DB, #4E8FC9, #2B3E99, #002B32, #050018)
• Cerulean Boulevard color palette (#F1E4EC, #05879C, #00415D, #00201A, #000106)
• Velvet Alley color palette (#DDE5F6, #194BD4, #040088, #23131A, #000517)
• Denim Alley color palette (#D9EBFF, #004D8B, #5B2E00, #001F3D, #030100)
• Weathered Iris color palette (#D6EAFF, #8681D6, #85488A, #003740, #000116)
• Worn Harbor color palette (#F4E4EF, #59C5D2, #007698, #004D3A, #00172D)
• Smoked Harbor color palette (#CEE5FC, #003D6B, #4A2700, #1D2102, #000104)
• Glacier Harbor color palette (#FDECF8, #6DE6E5, #0092AC, #00663E, #00283E)

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