Ultramarine Pier color palette — #EBF9F4 · #8FA26A · #4B51AD · #445800 · #0F172C
Built around Cobalt, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#EBF9F4): a clean, paper-quiet neutral.
- Moss (#8FA26A): A luminous, balanced green — the color of new leaves after rain.
- Cobalt (#4B51AD): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Olive (#445800): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#0F172C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged duotone.
Use it as a design system
One click turns Ultramarine Pier 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
- Muted Basin color palette (#EEF8F3, #9D9E5A, #006789, #545300, #001B2B)
- Grape Coast color palette (#ECF8F9, #33B099, #6344B0, #005D4F, #12162F)
- Pine Loft color palette (#EEF7F6, #89BE90, #765DAE, #00742D, #202235)
- Hushed Jade color palette (#F1F3EA, #5FB677, #006E91, #00672F, #000904)
- Byzantium Loft color palette (#E9F8FE, #00B6C8, #9E14AA, #00616C, #1F1733)
- Muted Basin color palette (#FFE6F6, #63955E, #00657A, #702200, #003A2C)
- Pine Boulevard color palette (#EAF9F7, #76CA8C, #008EB1, #008941, #051B26)
- Faded Indigo color palette (#E1FBFF, #A7CE7C, #00BBAB, #5168D2, #003C47)
Browse the whole catalog at Explore, or see today's palette.