Petrol Lagoon color palette — #EDF4EF · #D0D9D9 · #C8BABD · #31828D · #252F28

A conversation between Teal and Deep Forest, giving this palette its sense of trust and stability.

The five colors

• Cream (#EDF4EF): a clean, paper-quiet neutral.
• Silver (#D0D9D9): a clean, paper-quiet neutral.
• Stone (#C8BABD): a calm mid-gray that lets other colors speak.
• Teal (#31828D): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#252F28): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Wandering Petrol Coast color palette (#F1F7F3, #D3DBDB, #AFC3C4, #008297, #414A44)
• Petrol Loft color palette (#F8EEF7, #E5D1D1, #D7B5BC, #496AA6, #2F1E2E)
• Hushed Chapel color palette (#F5F2E8, #B5B694, #4F8169, #415D49, #282913)
• Denim Grove color palette (#E5F7EE, #DFCDDE, #C1A0B2, #006485, #002015)
• Softworn Cobalt color palette (#D3E3DD, #007EB4, #3F2939, #061A14, #030804)
• Aged Coast color palette (#CCF0D4, #BDA9BD, #9B7E8B, #735000, #3A3630)
• Abyss Drift color palette (#DAE7DF, #93A49F, #8B7483, #003D4B, #000602)
• Timeworn Turquoise color palette (#FFEFDE, #31AFBB, #506A9C, #643C00, #0D291D)

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