Ultramarine Field color palette — #F3EAE3 · #76A5C4 · #264AB9 · #003E3B · #22163E

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

The five colors

• Cream (#F3EAE3): bright and airy, almost weightless.
• Blue Fog (#76A5C4): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#264AB9): A full-bodied, vivid violet — the color of wild irises.
• Deep Teal (#003E3B): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#22163E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Aged Denim color palette (#E7F2E9, #4CA6DA, #0058A2, #003841, #02052A)
• Timeworn Denim Station color palette (#E9DED9, #69ABB4, #005E86, #004027, #0D1D41)
• Tempered Cobalt Study color palette (#E8DECF, #68BBED, #1576CD, #005764, #101C41)
• Chalky Garden color palette (#F8EBE7, #76C0BE, #00748E, #005412, #022F54)
• Linen Navy color palette (#F9ECE2, #348BAF, #003781, #00231E, #0A0028)
• Linen Iris color palette (#D7E6CE, #46C3E6, #7D7CD5, #335000, #002C2E)
• Worn Corridor color palette (#CBE7E7, #009089, #004E52, #002323, #000A0A)
• Wandering Periwinkle color palette (#F8EAEF, #90C8EA, #5592E9, #007C81, #191250)

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