Petrol Study color palette — #F0E7E1 · #97BEA9 · #0070B1 · #004C46 · #071235

Slate and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F0E7E1): a clean, paper-quiet neutral.
• Sage (#97BEA9): A luminous, dusty teal — the color of glacier melt.
• Slate (#0070B1): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C46): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#071235): A deep, shadowed, dusty violet — the color of wild irises.

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

• Ancient Garden color palette (#EEF0E6, #83BBD0, #00719A, #004E59, #00314D)
• Cobalt Pier color palette (#FAF0E7, #A9D2C1, #597DAF, #005B5D, #32142A)
• Hazy Denim color palette (#E6DED6, #70A2CB, #3250A9, #00383F, #0C002B)
• Forest Market color palette (#FBEFE9, #9DDEDA, #0093A9, #00663A, #00293C)
• Softworn Ash Drift color palette (#C5F6E2, #A6C3F2, #B292C5, #006569, #00182A)
• Soft Lagoon color palette (#D2E6E2, #009298, #005D75, #00324D, #001043)
• Muted Harbor color palette (#EAF9F7, #C9E0FF, #119ED6, #006876, #002136)
• Linen Rust color palette (#CCEDDE, #008BB8, #B14300, #004D68, #240800)

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