Petrol Lagoon color palette — #FFF2EC · #76C7CC · #007A97 · #00583D · #003657
Teal and Deep Olive set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Aqua (#76C7CC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007A97): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#00583D): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#003657): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Timeworn Petrol color palette (#E1F8F3, #81CACE, #00808F, #00524C, #001E26)
- Timeworn Summit color palette (#FFF2E9, #67C4ED, #0070C2, #005654, #20296D)
- Ancient Cerulean Loft color palette (#F6F7E5, #8BDADE, #009EAF, #00736B, #003A45)
- Powdered Coast color palette (#FFF3E8, #AADBC7, #4881C6, #006667, #333874)
- Weathered Basin color palette (#EDE0DA, #5BADB7, #00607E, #004030, #00203E)
- Muted Sky Studio color palette (#FFF0FB, #6BF1F9, #00BCE9, #009C70, #003658)
- Navy Lantern color palette (#F4E6DD, #408BA4, #003F67, #002320, #01022B)
- Weathered Ash Delta color palette (#FBF3EF, #C9E9E5, #75A592, #617653, #5E4B5F)
Browse the whole catalog at Explore, or see today's palette.