Petrol Pier color palette — #DAF2FF · #006B80 · #322A2F · #001424 · #000102

Built around Peacock, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Frost (#DAF2FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006B80): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#322A2F): a grounded near-black with real depth.
• Ink (#001424): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Abyss Field color palette (#CBEAD7, #004E5E, #2A2D34, #00101F, #000402)
• Cerulean Loft color palette (#CEEEFD, #00889F, #274072, #00212E, #000203)
• Hushed Veranda color palette (#EFF6FF, #8EAFE9, #4E5467, #222C39, #0B1014)
• Denim Summit color palette (#DBEAFA, #0061A9, #0A0938, #080B12, #000104)
• Softworn Cobalt Parlor color palette (#E2F0FF, #0080E0, #1F225C, #282127, #000816)
• Timeworn Orchid Canyon color palette (#F3F4FF, #A26CD5, #382F4A, #0D0C23, #010104)
• Airy Navy color palette (#D7EBF2, #009EDA, #0061A3, #002A7B, #040028)
• Fern Market color palette (#E6FBEF, #9AAA73, #337024, #004738, #060900)

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