Petrol Drift color palette — #E0F1FF · #006DA2 · #693500 · #262900 · #070800
Peacock and Bronze set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#E0F1FF): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#006DA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#693500): A deep, shadowed, balanced gold — the color of honey in a jar.
- Deep Forest (#262900): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#070800): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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
- Wandering Study color palette (#D1EEFA, #00747F, #850020, #332400, #0C0600)
- Sunlit Cornflower color palette (#E0E8F5, #4372FF, #B10075, #5D3B00, #000B03)
- Mulberry Coast color palette (#D3E9EF, #737DC2, #834474, #214423, #002705)
- Weathered Forest color palette (#EFE4F2, #63B1AF, #00718D, #004E14, #00142B)
- Grape Lantern color palette (#E1E4FF, #802BD3, #444A00, #00300E, #000B02)
- Cornflower Station color palette (#D6EBFF, #0091EB, #9A5500, #335200, #182A00)
- Softworn Cornflower Ridge color palette (#D5E2F9, #637DE4, #7F5D00, #004D4E, #002526)
- Twilit Nightshade color palette (#F2DEEF, #1938B0, #51002D, #1C1200, #000A06)
Browse the whole catalog at Explore, or see today's palette.