Petrol Lagoon color palette — #F6EAE2 · #66ADC4 · #006CA6 · #004B44 · #010B3F
Built around Peacock, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#F6EAE2): bright and airy, almost weightless.
- Cyan (#66ADC4): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006CA6): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B44): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#010B3F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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 Abyss color palette (#FBEAE2, #59B3AF, #007385, #004D2A, #001623)
- Gentle Terrace color palette (#EBE1D8, #8BB8D4, #3873C8, #00585C, #19134E)
- Wandering Petrol color palette (#F7EAF1, #6BC5E0, #006DA6, #003E38, #000114)
- Hushed Study color palette (#DBEEEB, #6398A9, #00516B, #002F34, #001624)
- Softworn Azure Terrace color palette (#DFEEE7, #5DC6C7, #2595D8, #396001, #001B1A)
- Washed Cerulean Thicket color palette (#F9EBE4, #A4D0B5, #3A8FC1, #006D60, #142D55)
- Lagoon Villa color palette (#CCF0E5, #009F8B, #00685A, #002B23, #000404)
- Muted Turquoise color palette (#FFF2EC, #A2E9F1, #2BAAD6, #008666, #0A426F)
Browse the whole catalog at Explore, or see today's palette.