Petrol Drift color palette — #F1F3E9 · #C3E6D4 · #6195B2 · #006A7A · #08342A
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F3E9): a clean, paper-quiet neutral.
- Celadon Mist (#C3E6D4): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#6195B2): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006A7A): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#08342A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: 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
- Weathered Petrol Quarry color palette (#F0F3EC, #BDE7DA, #7190B5, #166787, #3C213B)
- Patina Coast color palette (#EAEEE0, #4A92BD, #004D7D, #002A36, #00040F)
- Aged Petrol color palette (#E7EBDE, #94BEAD, #2471A2, #004959, #00172E)
- Aged Cerulean color palette (#ECF8F7, #D1DCF6, #64AED8, #0D899D, #274B67)
- Tempered Sapphire color palette (#EEF5E2, #92C0EE, #006BE1, #004C6D, #030D50)
- Weathered Blush Pier color palette (#FFEDEA, #C2718A, #A87237, #6E6198, #301512)
- Driftwood Orchard color palette (#FFEDEA, #E0D5C9, #E5BC98, #98687E, #452923)
- Worn Cocoa color palette (#FCEFE4, #C4A585, #956A48, #713D08, #2D200E)
Browse the whole catalog at Explore, or see today's palette.