Petrol Market color palette — #D6E0E6 · #818F9D · #5B6B8C · #002F3A · #000103

Slate and Deep Forest set the tone — five colors that lean into sophistication.

The five colors

• Silver (#D6E0E6): a clean, paper-quiet neutral.
• Slate Blue (#818F9D): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5B6B8C): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#002F3A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000103): a grounded near-black with real depth.

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

Use it as a design system

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

• Navy Archive color palette (#E8EDF4, #898C9D, #6C6682, #0A1E6A, #000105)
• Worn Abyss color palette (#E7F1EC, #AAC1B8, #7595B6, #004257, #000201)
• Denim Hollow color palette (#E2EAF2, #C5CCD7, #9EA2BD, #005B88, #0D171F)
• Weathered Chapel color palette (#EFF1FA, #D4D0E5, #CF9AB0, #6244A5, #15182E)
• Eclipse Alley color palette (#CEF8FE, #275A82, #3F2967, #1F1C00, #020500)
• Muted Petrol color palette (#EFF2F8, #DBD5DE, #C8B7C6, #6572A4, #282C33)
• Quiet Aubergine color palette (#DCEBF8, #00847D, #006B9E, #52039C, #00000C)
• Forest Grove color palette (#E3F4ED, #296733, #003227, #00171E, #000200)

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