Petrol Pier color palette — #DAE5DC · #63AEB7 · #00819D · #005E52 · #000B13

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Parchment (#DAE5DC): a clean, paper-quiet neutral.
• Cyan (#63AEB7): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#00819D): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E52): A full-bodied, dusty teal — the color of sea glass.
• Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Cobalt Terrace color palette (#D4E4D7, #7CA7C2, #2176C8, #005B69, #01002F)
• Patina Denim Chapel color palette (#EADCE7, #43A2AB, #006084, #003E22, #000624)
• Olive Boulevard color palette (#D7EEDD, #59B2C1, #4A91CD, #537814, #000D07)
• Lagoon Hollow color palette (#EDE5D8, #2B8690, #004352, #00201B, #000103)
• Weathered Emerald Lantern color palette (#CEE6D9, #00A46F, #007650, #00442B, #000201)
• Softworn Summit color palette (#E6F0E8, #97C5F3, #638EEA, #007897, #18154A)
• Weathered Byzantium Alley color palette (#CAE5E3, #2BAB53, #921DA2, #006629, #0F0012)
• Periwinkle Study color palette (#E7F2E9, #A8DCF3, #5CADE6, #009098, #132E52)

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