Petrol Market color palette — #D7EEEB · #70ADBA · #00728C · #004A4C · #001721

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

The five colors

• Honeydew (#D7EEEB): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#70ADBA): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00728C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004A4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001721): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Cobalt Canyon color palette (#DBE9E7, #8FB7D2, #1B7DB0, #005767, #00213B)
• Antique Petrol Alley color palette (#EDF0E3, #7DC3D4, #00728E, #003D40, #000306)
• Denim Bloom color palette (#F2E2EE, #5B9AA9, #005072, #003129, #001232)
• Softworn Azure color palette (#E9F9F7, #B1DCF2, #4BA1C3, #007A85, #1B3E56)
• Frosted Cocoa Pier color palette (#F9D6E9, #A86D44, #863700, #591400, #150800)
• Hushed Raspberry Pier color palette (#E6D9F6, #BF3994, #855E00, #7B005B, #170D00)
• Pale Coral color palette (#FDD6E4, #F18BA0, #E36F6C, #8E3F76, #2D0215)
• Nightshade Field color palette (#FFE1F3, #B10088, #923E00, #3624BE, #15000D)

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