Petrol Study color palette — #DFF3F2 · #84BFE2 · #006DA9 · #003C4B · #000309

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

The five colors

• Cream (#DFF3F2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#84BFE2): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006DA9): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003C4B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000309): 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

• Worn Atelier color palette (#DDF4EF, #64CAC8, #00757C, #003F36, #000304)
• Navy Studio color palette (#EEE2D8, #5C91AF, #004692, #002B2D, #03001B)
• Patina Station color palette (#E8F9F8, #D1DCFA, #4E9BC9, #006779, #002039)
• Cornflower Lagoon color palette (#F1E1E8, #7CB9DC, #2F81EB, #006C70, #0F0242)
• Washed Bronze color palette (#F1D9E3, #B17837, #743D00, #3A1500, #020100)
• Byzantium Meadow color palette (#FDDAC6, #C25E00, #981CBD, #5F2B00, #030005)
• Misty Garnet Market color palette (#FEEDDB, #915800, #376700, #7D003D, #020100)
• Tempered Moss color palette (#DDFEDC, #E6C270, #AFA200, #894900, #040200)

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