Petrol Lagoon color palette — #E6ECDD · #91B7DE · #3C6BAE · #004665 · #061139
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E6ECDD): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#91B7DE): A luminous, dusty blue — the color of open sky before noon.
- Slate (#3C6BAE): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004665): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#061139): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Petrol Market color palette (#E9EBDA, #77C1CB, #00788C, #004B4A, #001922)
- Sunlit Lilac Parlor color palette (#FBDCF7, #B5BCFF, #AD97E9, #3B649A, #2B1426)
- Cerulean Field color palette (#F1F4E2, #88DFF6, #0090B6, #006168, #00293B)
- Washed Iris color palette (#F5EDE4, #A1C9ED, #6F7FD0, #006B6E, #35234C)
- Washed Cerulean Quarry color palette (#E6ECD7, #3894C0, #004E77, #002A34, #00040E)
- Frosted Iris color palette (#E0EAFD, #688DFF, #264EAF, #0D1D69, #010024)
- Linen Courtyard color palette (#FAE9FA, #097BF4, #B72275, #00438E, #280015)
- Tempered Lantern color palette (#FAE7F7, #2950FA, #99198E, #00575B, #160214)
Browse the whole catalog at Explore, or see today's palette.