Ultramarine Field color palette — #F0E3E7 · #7AA4C6 · #2549BD · #003D44 · #1F1545

Cobalt and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F0E3E7): a clean, paper-quiet neutral.
• Blue Fog (#7AA4C6): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#2549BD): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Teal (#003D44): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#1F1545): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Ultramarine Field 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 Denim color palette (#EFE1EA, #68AABB, #005E88, #003F36, #011B4B)
• Washed Cobalt Station color palette (#DFF5F4, #83B7E5, #3576C1, #005474, #051B4A)
• Muted Navy Parlor color palette (#ECDFE4, #4987B1, #003190, #002225, #080028)
• Chalky Iris Field color palette (#EFE5D5, #96C5EE, #6091E3, #007993, #141351)
• Washed Cobalt Grove color palette (#FBF2F8, #A3CCDF, #1A82B0, #006151, #223B5C)
• Washed Loft color palette (#FAF3F6, #D8DFF0, #769DC6, #387B79, #47536A)
• Feathered Veranda color palette (#F4DEE2, #A6004D, #005B4E, #004456, #29000E)
• Plum Loft color palette (#F8E7FD, #C02260, #00666B, #6D0031, #002021)

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