Petrol Study color palette — #EFE8DD · #6FC4C0 · #007984 · #004D37 · #001921

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

The five colors

• Parchment (#EFE8DD): a clean, paper-quiet neutral.
• Mint Leaf (#6FC4C0): A luminous, balanced teal — the color of sea glass.
• Teal (#007984): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001921): 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 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

• Petrol Boulevard color palette (#F2E8D8, #7FBCDE, #2E6FA8, #004A52, #071431)
• Cerulean Thicket color palette (#F8F1E5, #95D4D9, #008AA4, #025D4E, #002434)
• Dusty Turquoise Balcony color palette (#EFE6D9, #3CADC2, #00617F, #003A36, #000C18)
• Cerulean Courtyard color palette (#F7EEE1, #068896, #004254, #00201C, #000103)
• Washed Cypress color palette (#F6F1E9, #C3E6D3, #6494B4, #1D6A6E, #372438)
• Ancient Veranda color palette (#FFF2EE, #99F9F4, #00A2C4, #216E25, #001F3B)
• Gentle Boulevard color palette (#F4EDDF, #8A6300, #006B72, #71237D, #120900)
• Pale Delta color palette (#FBE7CE, #AA7200, #006DBC, #603F00, #001327)

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