Petrol Harbor color palette — #EBF3F8 · #D4D7E1 · #B9BBCB · #4C7D91 · #262D32

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF3F8): a clean, paper-quiet neutral.
• Silver (#D4D7E1): bright and airy, almost weightless.
• Ash (#B9BBCB): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4C7D91): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#262D32): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Harbor 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

• Dusty Quarry color palette (#EDF2FD, #DCD2E8, #BBBDD3, #5F61AE, #1F2433)
• Petrol Pier color palette (#F0F7F3, #D1DDDE, #D0BCC1, #407E92, #3F4B44)
• Tempered Bloom color palette (#E9F3FF, #9EB1D4, #7C839C, #5E5068, #233D41)
• Abyss Summit color palette (#DDE9F3, #8CA3B9, #6C7D94, #003B57, #00050C)
• Weathered Stone color palette (#E0F8F5, #8AC2A2, #49826E, #385B63, #0F2D2D)
• Worn Lagoon color palette (#D6E1ED, #1377CD, #233147, #0F171F, #03070B)
• Washed Parlor color palette (#E7F3FF, #ADE8FF, #70C2FF, #7595D9, #072138)
• Ancient Nightshade Archive color palette (#E7E9F1, #C9CAD9, #A2A1B8, #57478E, #13151F)

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