Petrol Drift color palette — #F9E8F3 · #83C5C0 · #007484 · #004120 · #000306

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9E8F3): A whisper-light, dusty pink — the color of neon signs at night.
• Mint Leaf (#83C5C0): A luminous, dusty teal — the color of glacier melt.
• Teal (#007484): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004120): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#000306): quiet, heavy and certain.

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

• Tempered Sapphire color palette (#F9E9F0, #78C1E6, #0066BF, #003E3E, #010014)
• Washed Market color palette (#FEF1FA, #99D8E2, #0086B0, #005341, #000D1F)
• Timeworn Lagoon Thicket color palette (#E2E2D8, #6FC1BB, #00959A, #006F5D, #00181B)
• Muted Drift color palette (#D6E6E2, #3B9B96, #005457, #002D24, #000507)
• Tempered Olive color palette (#ECE3CA, #838000, #385900, #002705, #000603)
• Weathered Grape Parlor color palette (#D2E6E2, #54A21F, #7E1BB3, #1E4700, #020005)
• Linen Turquoise color palette (#C7FEF0, #8FE2CB, #00B7D4, #665B00, #000701)
• Gentle Studio color palette (#FFF0FB, #BCFCFF, #00AAD1, #007652, #002741)

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