Petrol Field color palette — #DBF4F3 · #6DBFFB · #0069B7 · #003B4F · #00020C

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

The five colors

• Honeydew (#DBF4F3): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#6DBFFB): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0069B7): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003B4F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Aqua Delta color palette (#E0F3F0, #54C9DB, #007389, #003E3E, #000305)
• Antique Navy Corridor color palette (#EDE6DB, #5E90B4, #004692, #002A33, #01001D)
• Aged Field color palette (#D7F5FF, #55E7FF, #42B1DC, #006159, #00080B)
• Softworn Cornflower color palette (#D6E6D9, #7BB7E4, #2B81EA, #006A7D, #080248)
• Muted Periwinkle Dune color palette (#E8F9F9, #DBDDE8, #75A8ED, #1C77A1, #1F2D4D)
• Airy Drift color palette (#C5E9E9, #007678, #0446CE, #2F4D00, #000202)
• Wandering Lagoon color palette (#C9ECF2, #009282, #826100, #00463E, #020100)
• Washed Teal Lagoon color palette (#E1FCF6, #C1DDFF, #00AFB5, #007463, #002A30)

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