Petrol Lagoon color palette — #F1F3EB · #C0E6E7 · #75A998 · #407383 · #402F42

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

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#C0E6E7): A whisper-light, dusty teal — the color of sea glass.
• Jade (#75A998): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#407383): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#402F42): 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

• Worn Turquoise Bloom color palette (#F1F3EB, #BFE8E3, #68A6BD, #547459, #243C32)
• Petrol Cabin color palette (#F0F3EB, #BDE8EE, #AF90B1, #427289, #3F313E)
• Timeworn Mint color palette (#EDF5E8, #5BCAAD, #B99660, #33816D, #35302A)
• Washed Petrol Pier color palette (#E9EBDB, #64C4D0, #00788C, #004B4A, #001922)
• Hushed Field color palette (#E5E8DA, #43A9D2, #005F89, #003842, #000C19)
• Hushed Driftwood color palette (#EAF6E9, #B4DDE7, #CAB5B5, #788D6F, #303C30)
• Tempered Powder Hollow color palette (#FBF4EE, #C4DFED, #BEBEEC, #619E9F, #5B4654)
• Lagoon Field color palette (#F3F3E4, #8DE1E0, #00949E, #006358, #002B32)

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