Petrol Lagoon color palette — #F1F3EC · #C6E0E1 · #74A2C8 · #20768F · #412F42

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

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C6E0E1): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#74A2C8): A luminous, dusty blue — the color of open sky before noon.
• Teal (#20768F): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#412F42): A deep, shadowed, 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 Lagoon 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

• Antique Petrol Terrace color palette (#F1F3EC, #C8DFDE, #7BA795, #167886, #1E3D33)
• Hushed Denim Workshop color palette (#E7EBDB, #6FA4BF, #005E8B, #003843, #000B1A)
• Wandering Ash color palette (#FAF3F6, #D9DEEF, #7E9BC3, #3F797C, #48526A)
• Softworn Villa color palette (#FFEBF6, #9A96C5, #BD7391, #0085A5, #34202B)
• Petrol Garden color palette (#E9EADD, #9EBCA5, #00788E, #004B4B, #001922)
• Antique Cerulean color palette (#F2F3E9, #A1DCDD, #0094A1, #00635A, #002A33)
• Aged Denim color palette (#FFE3F5, #B0ABDD, #8374B4, #664C8C, #522B39)
• Softworn Ash color palette (#FBEEF2, #E5D3CE, #9EAC9C, #9486B7, #4E373D)

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