Petrol Lagoon color palette — #E9FBEC · #3FA7B9 · #336DA7 · #7E3133 · #254151
Built around Slate, softened by Oxblood — the whole palette hums with trust and stability.
The five colors
- Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#3FA7B9): A luminous, balanced blue — the color of open sky before noon.
- Slate (#336DA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Oxblood (#7E3133): A full-bodied, balanced orange — the color of autumn markets.
- Deep Teal (#254151): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged retro, cool.
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
- Antique Chestnut color palette (#ECF9EE, #88ACCB, #7171A4, #814920, #38495F)
- Soft Mulberry Balcony color palette (#E8FBEB, #63A888, #077880, #723069, #10454B)
- Sunlit Petrol Balcony color palette (#FFECF3, #2EB2A5, #4369AE, #67390B, #072633)
- Soft Cocoa Dune color palette (#EAF8FF, #2E97B0, #75528C, #782D00, #1E420E)
- Faded Cobalt Grove color palette (#FFF3E8, #45C9BB, #5C85CF, #88562B, #294434)
- Linen Ultramarine Harbor color palette (#F8E2B6, #0088B9, #342FCD, #612100, #002A4C)
- Driftwood Atelier color palette (#EAF8FF, #A8C3DD, #7583A8, #725668, #445644)
- Grape Summit color palette (#DEFFE5, #6187E6, #7642A4, #5E3E00, #2F305A)
Browse the whole catalog at Explore, or see today's palette.