Petrol Drift color palette — #F4E6E1 · #80C0C6 · #00759E · #004E2B · #041432

Slate takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#F4E6E1): bright and airy, almost weightless.
• Ash (#80C0C6): A luminous, dusty blue — the color of deep harbor water.
• Slate (#00759E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004E2B): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#041432): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Gentle Sapphire color palette (#F1E7DE, #88BBD6, #2D66C8, #004C45, #170C36)
• Softworn Thicket color palette (#F6EDDF, #7BBEC4, #00748A, #005144, #013347)
• Antique Grove color palette (#FBEFE9, #97D3E0, #0084C4, #005E42, #2F172A)
• Cerulean Orchard color palette (#EEF8F0, #B5F2F7, #00A3C0, #006C5B, #002231)
• Softworn Lagoon color palette (#DDECDF, #009E81, #006B72, #003849, #00182F)
• Lilac Courtyard color palette (#E2F9E2, #8CC9F2, #AF8EEA, #007743, #002011)
• Ancient Loft color palette (#EFE4D8, #5F8FB8, #3014C9, #002B2D, #080014)
• Muted Veranda color palette (#DEF5E5, #008FA3, #C51437, #00505C, #2A0005)

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