Petrol Pier color palette — #EFF8F1 · #C9DFF6 · #708ABE · #006D89 · #3B4764
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Powder Blue (#C9DFF6): A whisper-light, dusty blue — the color of open sky before noon.
- Slate Blue (#708ABE): A luminous, balanced violet — the color of twilight just after sunset.
- Peacock (#006D89): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3B4764): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns 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
- Wandering Villa color palette (#F0F7F1, #C4E2EC, #3798AE, #007360, #204D62)
- Cobalt Bloom color palette (#ECF9EF, #A7D4F9, #477ED4, #006378, #303976)
- Bronze Dune color palette (#F5F3FF, #A077A9, #9E7213, #00787D, #383350)
- Hushed Driftwood color palette (#F5F3FF, #E2D6DF, #F4AEB4, #8373B2, #4F4861)
- Aged Denim Dune color palette (#E9F3EB, #6EA9B9, #005F82, #003E3C, #00213B)
- Dusty Navy color palette (#E2EDE4, #5288A4, #003E6C, #002226, #000329)
- Weathered Periwinkle color palette (#FAF4EE, #C5EFE3, #8F9EEE, #1A8B8F, #5E3C4A)
- Hushed Petrol color palette (#EBFAEE, #67C8DA, #00799B, #005650, #003655)
Browse the whole catalog at Explore, or see today's palette.