Ultramarine Field color palette — #E3F1E3 · #007B7A · #1456C0 · #3A5600 · #000E0E

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

The five colors

• Honeydew (#E3F1E3): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#007B7A): A full-bodied, balanced teal — the color of sea glass.
• Cobalt (#1456C0): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#3A5600): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#000E0E): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Softworn Cypress color palette (#E4F1D8, #007E60, #00668F, #554D00, #000F09)
• Linen Villa color palette (#CAECDA, #007696, #6245B3, #005B38, #000D13)
• Antique Byzantium Corridor color palette (#D0E0F4, #0071D2, #9B00B8, #005F59, #000E24)
• Gentle Veranda color palette (#C1EAFA, #00627B, #5216B8, #004829, #000407)
• Wandering Courtyard color palette (#CEE7EC, #15A8BA, #00636F, #002D33, #000708)
• Worn Azure Villa color palette (#DEF7E3, #83D4EB, #5AACDF, #006C6B, #001A20)
• Misty Indigo color palette (#D6EEFA, #0097AD, #6562F1, #037F2B, #00242B)
• Weathered Atelier color palette (#FED8EB, #856FD3, #CB2276, #006C89, #1A0C3A)

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