Petrol Study color palette — #F9F4EE · #C9E7E8 · #72A599 · #3F7982 · #604A5D

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#C9E7E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#72A599): A luminous, dusty teal — the color of glacier melt.
• Teal (#3F7982): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#604A5D): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Softworn Ash Lagoon color palette (#F9F4EE, #CBE4E2, #76A591, #5B7758, #2D5349)
• Cerulean Study color palette (#FAF4EB, #BFE6D9, #668CBE, #156D7F, #5B3B55)
• Lagoon Workshop color palette (#FAF3F6, #DADEED, #9CB1DE, #209992, #4C5168)
• Hushed Amber Station color palette (#FFF1F6, #A38BC0, #B07D4A, #39857C, #503C43)
• Weathered Delta color palette (#F5EDE1, #7DBEC7, #00748F, #005147, #00324A)
• Ash Study color palette (#FFF1F5, #E4D7D3, #AAB09D, #A6869B, #5B494C)
• Antique Lagoon color palette (#EEE2CF, #569D9A, #00545C, #003122, #00171F)
• Cerulean Ridge color palette (#FAF4EB, #B7D9B8, #008FA2, #006952, #00475C)

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