Petrol Lagoon color palette — #F7ECE5 · #8BB8D2 · #3C65B3 · #00504A · #2F2357
A conversation between Royal Blue and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#F7ECE5): bright and airy, almost weightless.
- Ash (#8BB8D2): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#3C65B3): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#2F2357): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Softworn Courtyard color palette (#E1EDE3, #93B9D4, #006EB8, #004A52, #041238)
- Tempered Garden color palette (#F8EBE7, #99BC9E, #007298, #00532C, #0A2B5E)
- Tempered Cobalt color palette (#FCF4EC, #A6CFC3, #6271BE, #005F61, #413158)
- Soft Drift color palette (#D2F2EB, #009EA6, #006683, #00387F, #361854)
- Forest Coast color palette (#FFF2ED, #B5D9B9, #008BB7, #006B37, #1A3F73)
- Blush Harbor color palette (#D8FFEE, #C4C9FC, #CA86B0, #00675E, #3F253D)
- Ancient Cobalt color palette (#D4EAFF, #5A8ED4, #00538C, #002B54, #00152A)
- Soft Onyx Corridor color palette (#F9EAE3, #4B9CB2, #004C80, #003125, #0D0047)
Browse the whole catalog at Explore, or see today's palette.