Petrol Study color palette — #C8E7DC · #0074AC · #8C5100 · #673A00 · #000205

Cerulean and Ochre set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#C8E7DC): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0074AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ochre (#8C5100): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#673A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Black (#000205): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Wandering Petrol color palette (#D5F4E7, #0077A1, #646600, #494A00, #000201)
• Linen Brick Ridge color palette (#D1EDD8, #007B89, #AF2711, #831705, #000301)
• Garnet Lagoon color palette (#D6E8F9, #005887, #850600, #342700, #000205)
• Weathered Lapis Hollow color palette (#FAEAF8, #484FFF, #804800, #4C2800, #000301)
• Grape Villa color palette (#EEF0CF, #0081C3, #812B99, #1D4600, #010018)
• Violet Canyon color palette (#F8D9EB, #8070FF, #868300, #696600, #0C0726)
• Sapphire Bloom color palette (#EDDCEB, #1459F6, #217500, #165500, #050005)
• Timeworn Plum Courtyard color palette (#D3E6DC, #0098C2, #B6005C, #00617D, #070000)

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