Ultramarine Pier color palette — #F5F8DF · #3B8D31 · #2C5DCD · #81005C · #10340C
A conversation between Cobalt and Mulberry, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5F8DF): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#3B8D31): A full-bodied, balanced green — the color of a quiet forest floor.
- Cobalt (#2C5DCD): A full-bodied, vivid violet — the color of twilight just after sunset.
- Mulberry (#81005C): A full-bodied, vivid rose — the color of pressed rose petals.
- Deep Forest (#10340C): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Misty Cabin color palette (#F3F9E1, #059045, #006F9D, #730085, #003615)
- Aged Mulberry Field color palette (#E3FEE3, #008788, #2565B9, #830060, #003333)
- Quiet Garnet color palette (#F2F9E2, #0C9556, #006284, #780037, #183A00)
- Softworn Delta color palette (#D8E2CC, #007456, #204BA9, #690035, #002116)
- Lapis Orchard color palette (#DEF7FF, #008D91, #5F45EB, #681F87, #001819)
- Hushed Terracotta Workshop color palette (#EFF8ED, #0C958A, #835DA2, #8E2D20, #293726)
- Linen Nightshade Corridor color palette (#F9F7D9, #618704, #00776B, #372DAC, #213200)
- Gentle Mulberry color palette (#CEEFCF, #007779, #8A1C92, #622B00, #002526)
Browse the whole catalog at Explore, or see today's palette.