Petrol Lagoon color palette — #D7F7EB · #006C9D · #37192C · #00100B · #000301
Built around Peacock, softened by Onyx — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D7F7EB): A whisper-light, dusty teal — the color of glacier melt.
- Peacock (#006C9D): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#37192C): A deep, shadowed, dusty pink — the color of neon signs at night.
- Ink (#00100B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Midnight Ultramarine color palette (#FAE5FA, #1561C0, #361B26, #140714, #000301)
- Cypress Parlor color palette (#D5E3D4, #007470, #022D22, #041004, #020200)
- Wandering Cobalt Study color palette (#D2E1ED, #148AC2, #343E5F, #0E2433, #030F13)
- Muted Iris color palette (#FAE7F0, #8675BF, #4A3536, #271A20, #0F0B0F)
- Indigo Balcony color palette (#FBE0F2, #6A72C5, #747300, #34642A, #22091B)
- Patina Cypress color palette (#F9F1E1, #8DAB79, #30735B, #23513E, #1E1D01)
- Dusty Grove color palette (#F9E0F4, #6E8EDD, #867F00, #2C4AAE, #1F1D00)
- Chalky Ultramarine color palette (#D3EAF2, #46A0DB, #515DB9, #3F2E78, #2D0B32)
Browse the whole catalog at Explore, or see today's palette.