Ultramarine Loft color palette — #DBF4EC · #7DA500 · #004ECB · #3F5500 · #000212

A conversation between Cobalt and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DBF4EC): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#7DA500): A luminous, vivid green — the color of a quiet forest floor.
• Cobalt (#004ECB): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#3F5500): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#000212): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Ultramarine Loft 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

• Weathered Boulevard color palette (#D9F4F0, #0DB32D, #4F0EF0, #035D13, #010117)
• Timeworn Moss color palette (#DEF3EA, #959D00, #00667C, #4C5100, #000408)
• Ancient Veranda color palette (#DAF9F7, #00AA5A, #005D79, #00552A, #00141D)
• Misty Loft color palette (#E4F6F6, #00C58D, #6D43E1, #006C4C, #04061D)
• Indigo Terrace color palette (#F5F4D6, #87C000, #6878FF, #446400, #0A0D2E)
• Grape Terrace color palette (#D8E9EA, #00A681, #8103A3, #005440, #03000F)
• Aubergine Orchard color palette (#C8E9DF, #63840E, #5200B1, #3D2700, #160C00)
• Muted Emerald Grove color palette (#F4D8EC, #00984D, #005A77, #5E0D00, #001713)

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