Ultramarine Field color palette — #E6EFFF · #4057C7 · #685200 · #004131 · #00051E

Cobalt and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E6EFFF): A whisper-light, dusty violet — the color of wild irises.
• Cobalt (#4057C7): A full-bodied, vivid violet — the color of wild irises.
• Coffee (#685200): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004131): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00051E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Calm, Balance. Tagged cool.

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

• Ancient Cobalt color palette (#DBEBFF, #3473CE, #746400, #004E4C, #041021)
• Hushed Cabin color palette (#E9EEFF, #643FD7, #006728, #003F40, #03041F)
• Dusty Ultramarine color palette (#E7F0FF, #2B33CC, #3D4A00, #002D34, #00010E)
• Chestnut Meadow color palette (#D3EBF9, #00708A, #744B00, #00412D, #000911)
• Washed Byzantium color palette (#DFDFF3, #8C40BA, #5F3F00, #002E31, #000D13)
• Dusty Villa color palette (#DADCF5, #8322C7, #9B1608, #003E4E, #181634)
• Timeworn Byzantium Station color palette (#DFDEF4, #9D00D2, #006E31, #004060, #14021D)
• Dusty Orchard color palette (#F7D2E1, #9654EE, #747800, #545700, #2B101D)

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