Petrol Lagoon color palette — #F2F3E8 · #82AA6F · #257C9C · #603B6A · #3B2008
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2F3E8): a clean, paper-quiet neutral.
- Moss (#82AA6F): A luminous, balanced green — the color of fresh herbs.
- Slate (#257C9C): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#603B6A): A full-bodied, balanced pink — the color of peonies in June.
- Espresso (#3B2008): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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
- Aged Field color palette (#EDF5EA, #59ADA2, #5F6CAD, #6D3A48, #342400)
- Worn Taupe color palette (#F7F1E7, #B6984C, #008472, #394979, #3D1C19)
- Softworn Moss color palette (#EBF9F4, #91A244, #6F6997, #6C4463, #473C58)
- Aged Mint Studio color palette (#E8FAF6, #8FC277, #4E98AE, #725F8B, #53384E)
- Sunlit Dune color palette (#EEF5E2, #009B61, #005CA4, #67004B, #231500)
- Patina Periwinkle color palette (#F5F1EB, #C4E6E9, #7A9ECF, #367584, #432E3E)
- Tempered Terrace color palette (#F2F5D8, #BBC9AA, #7E9682, #775961, #583E3B)
- Hushed Thicket color palette (#F5F2E9, #C8C5A6, #6C8D68, #765E0F, #32312A)
Browse the whole catalog at Explore, or see today's palette.