Ultramarine Loft color palette — #F3F8E5 · #66B778 · #455ABC · #00682C · #2C1227
Cobalt and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F3F8E5): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#66B778): A luminous, balanced green — the color of new leaves after rain.
- Cobalt (#455ABC): A full-bodied, balanced violet — the color of wild irises.
- Pine (#00682C): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#2C1227): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Balance. Tagged duotone.
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
- Lapis Veranda color palette (#EEF9EB, #00BBA9, #5F4DC3, #00645A, #2F1024)
- Moss Alley color palette (#F6F7E5, #80B358, #006AA6, #376400, #00231B)
- Soft Navy Hollow color palette (#E8EEE0, #00A172, #1F499B, #004E35, #1A0319)
- Ancient Teal Hollow color palette (#E4F6F8, #2AC1A2, #007988, #006B57, #000B11)
- Chalky Harbor color palette (#EEFBE0, #00946F, #643CAC, #5E3400, #2B3004)
- Sunlit Garnet Harbor color palette (#FFF2EF, #00A291, #006798, #7B2013, #003E42)
- Mint Harbor color palette (#F1F7ED, #53D4B3, #0098A6, #008C71, #002226)
- Washed Harbor color palette (#E2F8EA, #009FBB, #8B008B, #004F5F, #230023)
Browse the whole catalog at Explore, or see today's palette.