Ultramarine Pier color palette — #DDF1E7 · #7F9404 · #00823F · #284AB9 · #110001
A conversation between Cobalt and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DDF1E7): A whisper-light, dusty teal — the color of sea glass.
- Olive Leaf (#7F9404): A luminous, balanced green — the color of fresh herbs.
- Olive (#00823F): A full-bodied, balanced teal — the color of glacier melt.
- Cobalt (#284AB9): A full-bodied, vivid violet — the color of a velvet chair.
- Ink (#110001): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, 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
- Moss Market color palette (#D6EEEB, #43A700, #007E73, #6134B5, #0F0400)
- Feathered Nightshade color palette (#FBE3EC, #C57200, #007F61, #3247B1, #110100)
- Olive Garden color palette (#DBF3DD, #A77B00, #5B7A00, #005E81, #120006)
- Emerald Corridor color palette (#E5F5E3, #C78B00, #4A9313, #57388F, #1B1600)
- Quiet Aubergine Delta color palette (#C5E8E8, #00844F, #005D75, #580E6F, #040100)
- Aged Emerald Dune color palette (#D9EBE8, #0AA030, #0079A1, #87157B, #0D0800)
- Wandering Aubergine Pier color palette (#E0F6E6, #AF8B00, #007F9E, #56399C, #230024)
- Patina Clover color palette (#CCFCF5, #2DC226, #009A9C, #8D3ED0, #2A1300)
Browse the whole catalog at Explore, or see today's palette.