Soft Ultramarine color palette — #F0F5FF · #7C9CED · #1C59BB · #0F2F78 · #0B1A49

Built around Cobalt, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Cornflower (#7C9CED): A luminous, balanced violet — the color of a velvet chair.
• Cobalt (#1C59BB): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Navy (#0F2F78): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#0B1A49): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Soft Ultramarine 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

• Periwinkle Delta color palette (#F1F5FF, #BBD1FF, #78A0F2, #4D71B5, #051A4B)
• Azure Pier color palette (#ECF7FF, #4AAEE6, #006A90, #003C59, #00283C)
• Dusty Cornflower color palette (#F0F5FF, #99B8FF, #527FD8, #2C4B8B, #112249)
• Misty Grape color palette (#F2F5FF, #AA8BDE, #743CB4, #411B6F, #251946)
• Muted Terracotta color palette (#F2F5FF, #9D8BD8, #A52C00, #57349E, #23121E)
• Gentle Bloom color palette (#D8DEF7, #6473DE, #3200BF, #0F0057, #04002A)
• Iris Alley color palette (#EAEEDF, #FFB365, #8182EC, #322944, #171B29)
• Tempered Alley color palette (#EAEDFF, #8C67D9, #3C5C00, #00492D, #21243C)

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