Ultramarine Field color palette — #D2E2E2 · #80A6C8 · #1066BA · #004660 · #000C3F

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

The five colors

• Silver (#D2E2E2): a clean, paper-quiet neutral.
• Blue Fog (#80A6C8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#1066BA): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004660): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#000C3F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Petrol Garden color palette (#D6E9E6, #6CADBF, #007191, #00494F, #001623)
• Weathered Cobalt Boulevard color palette (#EBF0E2, #86BDEE, #1F67B7, #003A52, #000112)
• Gentle Nightshade color palette (#EFD9E0, #6594BD, #1E3AA8, #002F35, #15043B)
• Tempered Cornflower Thicket color palette (#FAEBDB, #73B7F1, #567AE7, #006B78, #150737)
• Sunlit Cobalt color palette (#E6F1F1, #A8C9E4, #348BD6, #006786, #0C2D59)
• Timeworn Ridge color palette (#E5FBF6, #82DDDD, #009FAA, #007467, #003A43)
• Dusty Lagoon color palette (#EFF7F6, #D3DDEC, #7FBCCC, #309796, #36576A)
• Ultramarine Delta color palette (#F3E3F8, #C2426D, #2A4CEE, #82003D, #020040)

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