Petrol Lagoon color palette — #D4E8E0 · #006B98 · #361A30 · #061712 · #000504
Built around Peacock, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D4E8E0): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#006B98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#361A30): A deep, shadowed, dusty pink — the color of neon signs at night.
- Ink (#061712): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000504): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Eclipse Cypress Archive color palette (#E3F1E5, #007079, #002E23, #08170C, #010503)
- Sapphire Alley color palette (#F2DDF1, #2C6DCF, #422A35, #261B25, #091212)
- Eclipse Meadow color palette (#D1F6EC, #00477A, #191F27, #0D0829, #000403)
- Softworn Azure color palette (#DAE8F4, #22A6E9, #4D6382, #2A3F50, #050F14)
- Lapis Cabin color palette (#FDE0F1, #5D45CD, #3D1822, #1E0D18, #090204)
- Lowlit Nightshade Balcony color palette (#ECDAE7, #1C00AB, #070F13, #0F001E, #060000)
- Inked Aubergine Atelier color palette (#F6E5EB, #593600, #3F006C, #221207, #0D0008)
- Lowlit Aubergine Lantern color palette (#F3DFE2, #890093, #282A1E, #310918, #150307)
Browse the whole catalog at Explore, or see today's palette.