Ultramarine Field color palette — #E2F3F2 · #77A7D4 · #2065B8 · #004662 · #000547

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

The five colors

• Cream (#E2F3F2): a clean, paper-quiet neutral.
• Blue Fog (#77A7D4): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#2065B8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004662): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#000547): 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

• Hushed Petrol Drift color palette (#E1F1EF, #5EAFC6, #007092, #004950, #001623)
• Tempered Ultramarine Alley color palette (#EBF1DF, #78BDFD, #0063C9, #003A53, #000014)
• Nightshade Lagoon color palette (#EDDCE1, #6894BC, #2335AF, #002F36, #17033B)
• Linen Orchard color palette (#EFE4D8, #71B6F3, #5679EC, #006B79, #150835)
• Cobalt Quarry color palette (#E6F1F0, #A7C9E6, #358AD9, #006787, #0B2C5C)
• Cerulean Field color palette (#CEF3F8, #009CA9, #005C67, #003036, #000405)
• Wandering Chestnut Market color palette (#CBEDF4, #008A80, #7D6200, #00514A, #150E00)
• Lagoon Harbor color palette (#EFF7F6, #D2DEEE, #7BBDCF, #289898, #36576A)

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