Petrol Drift color palette — #F4F6F0 · #CAE2E4 · #769DC4 · #267997 · #5E4B5E
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6F0): a clean, paper-quiet neutral.
- Silver (#CAE2E4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#769DC4): A luminous, dusty blue — the color of deep harbor water.
- Slate (#267997): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#5E4B5E): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Drift 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
- Timeworn Cypress color palette (#EFF8ED, #7BBFB7, #9291CC, #00847C, #614255)
- Cypress Veranda color palette (#F5F6EF, #C9E5DE, #5FA6B0, #2D7D75, #335340)
- Powder Corridor color palette (#FAF3F5, #DADEED, #98B2E0, #509299, #4A526A)
- Petrol Cabin color palette (#EEF0E4, #9ABAA5, #00748E, #004F52, #003346)
- Ancient Lagoon Meadow color palette (#EAEBDC, #4B9FA0, #00545B, #00302B, #00171D)
- Hushed Veranda color palette (#EDFBDB, #8BC7B3, #399E8A, #007369, #415A41)
- Antique Bronze color palette (#FDF3EC, #C9B3A2, #AC7047, #884B29, #683B00)
- Softworn Petrol color palette (#F4F6EE, #C6E4DB, #638DC0, #006B92, #583D56)
Browse the whole catalog at Explore, or see today's palette.