Ultramarine Pier color palette — #DDF8FB · #00997D · #234ACB · #6B003A · #201600
Built around Cobalt, softened by Mulberry — the whole palette hums with creativity and energy.
The five colors
- Ivory (#DDF8FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Fern (#00997D): A luminous, balanced teal — the color of sea glass.
- Cobalt (#234ACB): A full-bodied, vivid violet — the color of wild irises.
- Mulberry (#6B003A): A deep, shadowed, balanced rose — the color of strawberry cream.
- Ink (#201600): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Creativity, Energy, Balance. 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
- Linen Nightshade color palette (#DBF2F9, #008E8F, #5439B2, #63081B, #161500)
- Antique Aubergine Quarry color palette (#DFF8F7, #009C5B, #005F98, #630058, #271200)
- Dusty Alley color palette (#EBFCDF, #00B595, #4C6ED9, #922450, #3B2F00)
- Emerald Delta color palette (#F6F9D7, #3F9C12, #66349B, #771400, #57180B)
- Muted Aubergine color palette (#CDE4F7, #0079B3, #7A0088, #4C1B00, #091100)
- Weathered Aubergine color palette (#E2F8F1, #6B9200, #006774, #43008F, #35000A)
- Softworn Cobalt Workshop color palette (#B6EBF0, #6CBCC3, #3E7FAD, #763855, #531F18)
- Aubergine Lantern color palette (#DBEEF6, #00646E, #3F008A, #38000A, #040300)
Browse the whole catalog at Explore, or see today's palette.