Ultramarine Field color palette — #E5F0FF · #0058CB · #225700 · #003A30 · #000509

Built around Cobalt, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Frost (#E5F0FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cobalt (#0058CB): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Deep Olive (#225700): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003A30): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000509): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

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

• Sunlit Lapis Dune color palette (#E6EDFF, #553CDE, #005636, #002F31, #000611)
• Washed Quarry color palette (#DAF0FF, #006487, #4C4C00, #003719, #000909)
• Wandering Amethyst color palette (#EEF1FF, #7A54C5, #006A59, #003E4C, #010C2E)
• Tempered Grape Grove color palette (#FFEEF6, #6100D2, #4A4500, #00343E, #180F32)
• Weathered Terrace color palette (#ECE9FF, #9C21B9, #005152, #002C46, #05001C)
• Linen Raspberry color palette (#F8F2FF, #D9239D, #875E00, #004A46, #0D0015)
• Aubergine Lantern color palette (#EEE9FE, #6F1A77, #003A3F, #001E37, #020007)
• Weathered Cypress color palette (#EDF2FC, #7D84B1, #407E5B, #00575B, #0B1B2B)

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