Hazy Petrol Pier color palette — #C4EAF6 · #0078A8 · #00497F · #00204D · #020027
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#C4EAF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0078A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00497F): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#00204D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#020027): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Hazy Petrol 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
- Cypress Terrace color palette (#DAEDEA, #007A7F, #005360, #002D3D, #000811)
- Obsidian Onyx Terrace color palette (#CEEDF0, #005F7A, #003B5D, #0F0052, #09001F)
- Navy Chapel color palette (#D7F4F4, #0082A7, #0059A7, #1A2E95, #0D0026)
- Gentle Nightshade color palette (#DCE4FB, #5A70C4, #1331BB, #0C005D, #000010)
- Wandering Orchid color palette (#F8E1F6, #9B96CA, #A060BD, #00567D, #09082E)
- Linen Sapphire Archive color palette (#FDE6FE, #1869BD, #764F00, #00376E, #0B0500)
- Nightshade Cabin color palette (#D3EBFD, #6196E5, #416AEB, #422ABA, #301A58)
- Aubergine Summit color palette (#E8EDFF, #6557CD, #5C00AF, #3E0060, #1A001E)
Browse the whole catalog at Explore, or see today's palette.