Petrol Loft color palette — #E2F3E5 · #81C5C5 · #007484 · #003F30 · #000305

A conversation between Teal and Mint Leaf, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#E2F3E5): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#81C5C5): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007484): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F30): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000305): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Loft 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

• Tempered Sapphire color palette (#E4F3E7, #87BEE3, #0067BF, #003C46, #000015)
• Muted Cerulean Workshop color palette (#EAFAED, #A4D4EA, #0086AE, #00524D, #000E1B)
• Antique Lantern color palette (#D7E2D9, #74ABC4, #00598D, #002B2F, #000106)
• Patina Periwinkle color palette (#E1F6FF, #9CDDFF, #86A6F0, #005C55, #00080C)
• Brick Alley color palette (#C7E5EF, #009096, #C20023, #004548, #050000)
• Mulberry Basin color palette (#CFE8EB, #007580, #900094, #543F00, #000102)
• Weathered Lantern color palette (#D1F1E2, #009A84, #006465, #00282D, #000203)
• Pale Market color palette (#F5EBF5, #6BC0C0, #0091B5, #00732B, #00142D)

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