Ultramarine Pier color palette — #D4E9D4 · #008923 · #1B4AEE · #9D0017 · #002D06
A conversation between Cobalt and Garnet, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D4E9D4): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#008923): A full-bodied, vivid green — the color of a quiet forest floor.
- Cobalt (#1B4AEE): A full-bodied, vivid violet — the color of a velvet chair.
- Garnet (#9D0017): A full-bodied, vivid orange — the color of sun-warmed clay.
- Deep Forest (#002D06): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Energy. Tagged vibrant.
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
- Lapis Quarry color palette (#CBEFDD, #00865C, #5F13FE, #8A3200, #002C1C)
- Patina Mulberry color palette (#D8E7C6, #5A7F00, #0068AA, #9A0041, #1B2900)
- Antique Amethyst Basin color palette (#C6F5FC, #009580, #824FD1, #904C00, #003930)
- Hushed Grape color palette (#DAEDF2, #007C76, #793BA3, #6C4200, #002523)
- Mulberry Lagoon color palette (#E6E3D4, #847000, #007085, #8D0078, #2B2400)
- Mulberry Market color palette (#E6F0DA, #6C9324, #93006B, #800026, #091100)
- Garnet Alley color palette (#D6EEFB, #005474, #770047, #313300, #000910)
- Quiet Clover color palette (#DEF1DE, #00C737, #6996FF, #E65451, #022D07)
Browse the whole catalog at Explore, or see today's palette.