Petrol Market color palette — #E4F1F8 · #ABAFC6 · #A491BD · #007F95 · #001721

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Frost (#E4F1F8): a clean, paper-quiet neutral.
• Ash (#ABAFC6): A luminous, dusty violet — the color of wild irises.
• Blue Fog (#A491BD): A luminous, dusty violet — the color of wild irises.
• Teal (#007F95): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#001721): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Petrol Cabin color palette (#DAE3ED, #A19EAC, #9982A3, #1066A8, #000A17)
• Denim Canyon color palette (#DBE6E0, #A3BAB1, #789F94, #005C74, #01190E)
• Washed Abyss Bloom color palette (#E2EDE6, #91A59E, #887487, #003D4C, #000602)
• Hushed Violet color palette (#DDDFE6, #CBBBCC, #BA9DAE, #8669D5, #1C1E2B)
• Feathered Harbor color palette (#C3EAEA, #639AC0, #7C6EAC, #5C4F00, #002807)
• Aged Harbor color palette (#EDF7FD, #D8D8F3, #C8BAE1, #00A7D6, #243540)
• Antique Lapis Meadow color palette (#D7F6DD, #009AAD, #2E44FF, #5C4300, #000D16)
• Plum Veranda color palette (#CDECF9, #00929F, #AC0089, #434800, #070800)

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