Petrol Drift color palette — #F6E5DE · #9ABEA3 · #00759D · #004D3D · #001630
Slate and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#F6E5DE): A whisper-light, dusty orange — the color of sun-warmed clay.
- Sage (#9ABEA3): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001630): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Aged Petrol Summit color palette (#EEF0E4, #98BCA1, #00748B, #004F50, #003343)
- Cerulean Grove color palette (#FBEFE9, #AAD2BC, #4B82AB, #005C54, #30152D)
- Hushed Corridor color palette (#F6E6DA, #6AA5C2, #17599B, #003939, #05022D)
- Powdered Cerulean Bloom color palette (#F5EBF2, #9BCDE1, #0093C2, #006E58, #002E59)
- Timeworn Navy color palette (#EFE1D8, #38839E, #003E69, #001F1D, #00000C)
- Antique Boulevard color palette (#F8F0EC, #CAE2DF, #72A3C2, #33796B, #432D43)
- Tempered Fern color palette (#E8F6CE, #92D6CF, #57A6D6, #586405, #001D13)
- Jade Chapel color palette (#A3F2D5, #18AC77, #006852, #003223, #000703)
Browse the whole catalog at Explore, or see today's palette.