Ultramarine Pier color palette — #F6ECC9 · #7E6900 · #2B41C0 · #342A00 · #00000B

Built around Cobalt, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Custard (#F6ECC9): A whisper-light, dusty green — the color of fresh herbs.
• Walnut (#7E6900): A full-bodied, balanced green — the color of fresh herbs.
• Cobalt (#2B41C0): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#342A00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged cool.

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

• Hushed Grove color palette (#F9ECE0, #9A5800, #005A8A, #412200, #000103)
• Nocturne Nightshade color palette (#E1F2E7, #5A4B00, #2800AC, #251E00, #01000B)
• Powdered Aubergine color palette (#DFE6D7, #62861B, #6C0091, #213100, #030005)
• Indigo Cabin color palette (#F7E7C9, #987B00, #6357E1, #665200, #050020)
• Moonless Coast color palette (#CEE6D6, #605000, #004848, #282000, #000808)
• Dusty Cornflower color palette (#FFDEE3, #227AFD, #548200, #090E08, #010100)
• Washed Garnet color palette (#EBE9D5, #5F5600, #004E62, #5A0044, #010100)
• Smoked Olive Workshop color palette (#EDE5D4, #7A7700, #493A00, #1C0F00, #010100)

Browse the whole catalog at Explore, or see today's palette.