Navy Bloom color palette — #F0F5FF · #B0A358 · #333E8C · #181D59 · #111A2D

Built around Indigo, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sage (#B0A358): A luminous, balanced green — the color of new leaves after rain.
• Indigo (#333E8C): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#181D59): A deep, shadowed, balanced violet — the color of wild irises.
• Midnight (#111A2D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.

Use it as a design system

One click turns Navy Bloom 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

• Faded Aubergine Garden color palette (#F3F4FF, #79B467, #542F8A, #2F1255, #161731)
• Amber Boulevard color palette (#EEF6FF, #DE8A56, #004A7F, #002848, #0F0F2A)
• Aged Alley color palette (#D8DEED, #8A9349, #2F2577, #140049, #060A19)
• Nightshade Orchard color palette (#FFEBF8, #F17F91, #3C38A5, #181255, #12020D)
• Lapis Corridor color palette (#F1F5FF, #FF98A6, #5553D4, #30336C, #111930)
• Hushed Pier color palette (#F6F4FA, #A2CBBC, #665579, #3F324D, #2B2329)
• Frosted Market color palette (#FFF0FB, #DED446, #6985ED, #49588C, #231520)
• Washed Aubergine Dune color palette (#ECEDFC, #538B45, #350060, #2C1215, #0F0022)

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