Petrol Lagoon color palette — #E6F2E8 · #98B5D2 · #3E64B3 · #004D61 · #252757
A conversation between Royal Blue and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Ash (#98B5D2): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#3E64B3): A full-bodied, balanced violet — the color of a velvet chair.
- Peacock (#004D61): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#252757): A deep, shadowed, balanced 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
- Sapphire Market color palette (#F2E5E9, #92B8DA, #555FBE, #004B4E, #1C0C2C)
- Antique Petrol Veranda color palette (#E9F1EB, #7FBDC5, #00748E, #005147, #00324A)
- Cornflower Loft color palette (#F4EDE6, #A2C9EC, #6B7BE2, #006B6E, #35244B)
- Cerulean Orchard color palette (#ECF9EF, #9ED9E9, #008BB9, #006763, #00436F)
- Weathered Denim color palette (#E4F0E7, #6397B2, #004C80, #002F34, #000C3F)
- Periwinkle Canyon color palette (#F7EDDE, #AFD8FF, #73A2FF, #008CAE, #272A4E)
- Timeworn Cypress color palette (#F1F7F2, #D1DFED, #61A5B1, #268065, #385768)
- Washed Veranda color palette (#AEEEF8, #12A1B1, #006069, #003135, #001B1F)
Browse the whole catalog at Explore, or see today's palette.