Ultramarine Field color palette — #F5EDE0 · #92BBE2 · #1F5CD5 · #003C4B · #020013

A conversation between Cobalt and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5EDE0): bright and airy, almost weightless.
• Sky (#92BBE2): A luminous, dusty blue — the color of open sky before noon.
• Cobalt (#1F5CD5): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Teal (#003C4B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wandering Harbor color palette (#F7EDDC, #80C3D3, #007196, #003E3B, #000307)
• Nightshade Canyon color palette (#DDEBDF, #5095D1, #013CAB, #002E3B, #0D0A3A)
• Linen Wisteria color palette (#FFEBFE, #C4C7FF, #C68BEB, #005B84, #020025)
• Cerulean Coast color palette (#CAECF6, #0090C3, #005B95, #002250, #01000F)
• Ultramarine Market color palette (#D7E6FD, #0060D2, #A6002E, #1C5000, #000105)
• Patina Indigo color palette (#F9EDDF, #79B7EA, #5E6FFF, #006C6F, #1D0038)
• Cobalt Loft color palette (#F9E4FC, #0080E0, #8E5A00, #003D6F, #020100)
• Linen Summit color palette (#DDE7FF, #6890F0, #2431BE, #00044B, #00000C)

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