Petrol Drift color palette — #F6EDDE · #7EC3D5 · #007197 · #003E3C · #000308

Peacock and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6EDDE): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#7EC3D5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#007197): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Denim Studio color palette (#EAE2D6, #78A6D4, #2E509C, #002936, #01000A)
• Cobalt Meadow color palette (#FEF4E3, #9BD5F5, #207EC9, #005059, #000532)
• Cerulean Veranda color palette (#E6F0E8, #3E9DB4, #00516E, #00302E, #001528)
• Cobalt Grove color palette (#F6EAE3, #6DBDD3, #0088DA, #006F56, #0B0641)
• Quiet Studio color palette (#F1DDE7, #B5007E, #5F5B00, #004A61, #040002)
• Timeworn Loft color palette (#FBF4EA, #C0E3F1, #62B0DE, #007F81, #122F4F)
• Patina Canyon color palette (#F2E0EB, #BD4D9D, #007A59, #6A0054, #000201)
• Hushed Cerulean Studio color palette (#F9F4EE, #C3E1F5, #9BBCF0, #338FA7, #513449)

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