Petrol Study color palette — #F8EDDB · #81C5C1 · #007580 · #00402D · #000305

Teal and Mint Leaf set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8EDDB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mint Leaf (#81C5C1): A luminous, dusty teal — the color of sea glass.
• Teal (#007580): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00402D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000305): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Study 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

• Petrol Courtyard color palette (#F8EDDB, #8ABFDC, #006AB2, #003D44, #000112)
• Wandering Cerulean color palette (#FCF4E8, #9BD8E1, #0087A8, #00524A, #000E1A)
• Hushed Terrace color palette (#E3F3E6, #4F9F9B, #00545C, #003122, #00171F)
• Pale Veranda color palette (#FBE9E4, #6FC0BE, #0091B3, #007321, #00142B)
• Dusty Turquoise color palette (#FFF4E2, #C0FBFF, #00ABCB, #007462, #00293A)
• Frosted Byzantium color palette (#EDD6F0, #9E1EB0, #725200, #004D51, #030004)
• Washed Driftwood color palette (#E5E2C4, #818E49, #564F00, #2D1F00, #000200)
• Hushed Iris color palette (#FCF4E7, #D0E9FF, #6090E5, #00667E, #161941)

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