Petrol Lagoon color palette — #DBF6F9 · #007B89 · #004B5A · #002733 · #000B13
Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#DBF6F9): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007B89): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004B5A): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#002733): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, 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
- Hushed Corridor color palette (#CAEAEC, #0096A7, #007288, #004456, #002331)
- Petrol Canyon color palette (#CDE6F6, #0072A7, #004471, #00264F, #000429)
- Wandering Pine Harbor color palette (#D5F2DC, #00885C, #005945, #003229, #000B09)
- Mulberry Orchard color palette (#D6E9E1, #0073A4, #940087, #003B56, #140011)
- Timeworn Market color palette (#D9ECFB, #005E8B, #6900A7, #004738, #000409)
- Worn Cornflower color palette (#C8EDE1, #8EB6E3, #647CF2, #005772, #000F1E)
- Softworn Cobalt color palette (#C7E3F4, #0091D8, #0061A9, #003B80, #020555)
- Weathered Bronze Loft color palette (#FDE9CA, #896E00, #583F00, #321E00, #080500)
Browse the whole catalog at Explore, or see today's palette.