Ultramarine Pier color palette — #F7ECE2 · #69C1F7 · #3D5FBF · #003E3B · #04000F
Built around Cobalt, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#F7ECE2): a clean, paper-quiet neutral.
- Sky (#69C1F7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#3D5FBF): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Teal (#003E3B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#04000F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Airy Aqua Quarry color palette (#FAEAE4, #2CCDDD, #00709B, #004025, #000112)
- Hushed Chapel color palette (#FFF2EE, #80DEDE, #0087A9, #00561D, #000D20)
- Muted Denim Harbor color palette (#DEE2D4, #6090B1, #004C80, #002A37, #000411)
- Faded Ridge color palette (#DDF4F3, #8AB6D5, #3488CF, #006886, #001330)
- Aged Grape color palette (#F1F2D9, #5EA01F, #6512D9, #244600, #010008)
- Softworn Periwinkle color palette (#FDF3E9, #DAD5E0, #91A2E3, #007F80, #432231)
- Pine Boulevard color palette (#FFF2EF, #B2FFFA, #00ABCE, #0F7817, #002645)
- Tempered Atelier color palette (#F3FBC2, #82E3BA, #00B3D5, #864A00, #050600)
Browse the whole catalog at Explore, or see today's palette.