Petrol Study color palette — #E2F2F0 · #82BCCA · #007390 · #004F53 · #003347

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

The five colors

• Cream (#E2F2F0): bright and airy, almost weightless.
• Ash (#82BCCA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007390): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#003347): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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 Ridge color palette (#F4E4EF, #60C3D9, #0074A3, #004C40, #021533)
• Ancient Cobalt Lagoon color palette (#EBF9F7, #A3CBE4, #0082B3, #005E6B, #1F3D56)
• Dusty Harbor color palette (#DEF1FF, #91CAF7, #7BA2E7, #006277, #13344C)
• Antique Terrace color palette (#C8ECFF, #009CD7, #006182, #003145, #001A28)
• Hushed Bloom color palette (#C6E3F9, #0074A2, #752CC1, #005B44, #002334)
• Byzantium Thicket color palette (#C8E3F1, #008DAA, #9B2BB9, #005264, #391A42)
• Periwinkle Coast color palette (#F6EAF3, #B1DAEE, #50ADEF, #00956E, #202A53)
• Bronze Courtyard color palette (#D2E5D2, #A38236, #724D00, #502E00, #092B19)

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