Petrol Lagoon color palette — #F9E9F2 · #50AFCE · #0068B5 · #004B3D · #0F083B
Built around Cobalt, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Blush (#F9E9F2): A whisper-light, dusty pink — the color of peonies in June.
- Cyan (#50AFCE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#0068B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B3D): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0F083B): A deep, shadowed, balanced violet — the color of wild irises.
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
- Misty Alley color palette (#F1DFE6, #79BAE2, #456ED2, #005A55, #221442)
- Antique Forest color palette (#E6DBE6, #50B4B0, #00728B, #044E0D, #00152A)
- Softworn Petrol color palette (#F7EBE4, #85C1D5, #006DA6, #003E38, #000114)
- Hushed Cerulean Alley color palette (#EAE1D3, #009FC2, #005072, #003030, #00142B)
- Ancient Cobalt Orchard color palette (#F6EBF2, #8ED0E1, #008DDA, #006F53, #212A52)
- Wandering Periwinkle Corridor color palette (#DBE9DE, #28CBD0, #4695FF, #545A00, #002120)
- Hazy Plum Courtyard color palette (#CBF1F6, #008B75, #AB009C, #005143, #21001D)
- Worn Lagoon color palette (#CBF3EA, #009D85, #006158, #00312A, #000302)
Browse the whole catalog at Explore, or see today's palette.