Petrol Lagoon color palette — #FDF4E4 · #32A8BF · #5264AD · #604B00 · #29433A
Slate takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#FDF4E4): A whisper-light, dusty gold — the color of old brass.
- Cyan (#32A8BF): A luminous, balanced blue — the color of deep harbor water.
- Slate (#5264AD): A full-bodied, balanced violet — the color of a velvet chair.
- Bronze (#604B00): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#29433A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged retro, 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
- Powdered Grape Terrace color palette (#F8F6E2, #529EDB, #7A52AB, #435603, #4A3547)
- Powdered Mulberry Canyon color palette (#EDF9EF, #009AA8, #874788, #5B4500, #2D3E19)
- Worn Teal Study color palette (#FFF2EC, #34AF8C, #007498, #7A362A, #314230)
- Grape Thicket color palette (#E6E9BA, #0087BD, #6200C6, #3A3B00, #072753)
- Faded Ridge color palette (#D5FAFB, #4EA4E4, #5069A3, #623357, #132436)
- Pale Sky color palette (#F0F9E2, #62BAFB, #6684C7, #7E5373, #473749)
- Washed Ridge color palette (#FAF4F0, #C8E4D5, #5190C2, #007269, #593D55)
- Dusty Mulberry Studio color palette (#F2F0D8, #8079CC, #8E326D, #004C3C, #452531)
Browse the whole catalog at Explore, or see today's palette.