Petrol Field color palette — #CAF2F0 · #007584 · #004057 · #001427 · #000107

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

The five colors

• Honeydew (#CAF2F0): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007584): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004057): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001427): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.

Use it as a design system

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

• Obsidian Pine Bloom color palette (#E7F3E5, #008159, #00453B, #001516, #000102)
• Nocturne Cobalt color palette (#C8EFFC, #0079BD, #003B7A, #100042, #020008)
• Navy Dune color palette (#D0EAE3, #008E92, #006B85, #004374, #090030)
• Aged Boulevard color palette (#CAE3F4, #00759A, #7B4600, #003041, #020100)
• Softworn Cocoa color palette (#D1E9F9, #005C82, #713100, #472A00, #000103)
• Antique Cornflower Hollow color palette (#DDEDFF, #0589EF, #004074, #241B21, #000713)
• Tempered Basin color palette (#C7E8FF, #8BB0F8, #AD7ECB, #004B51, #000104)
• Gentle Scarlet color palette (#DCF6E5, #F10E26, #007EA1, #080C11, #000103)

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