Petrol Lagoon color palette — #CFEEED · #006F7C · #003D4C · #001D2B · #060518
Teal and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#CFEEED): A whisper-light, dusty teal — the color of sea glass.
- Teal (#006F7C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003D4C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001D2B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#060518): A deep, shadowed, dusty violet — the color of wild irises.
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
- Smoked Abyss Summit color palette (#D4F8F0, #005C64, #002E3D, #001422, #000105)
- Petrol Archive color palette (#CFECF0, #008398, #006379, #004359, #00070F)
- Shadow Onyx color palette (#D5E5EC, #006898, #003662, #000847, #0E0017)
- Tempered Delta color palette (#E2F2FF, #006DAB, #002B49, #2D232B, #000B17)
- Ancient Cocoa Ridge color palette (#DBF2E7, #005975, #662A00, #002432, #0F0300)
- Iris Lagoon color palette (#CBE5DB, #6394F3, #7863AE, #003A43, #000C1C)
- Lowlit Garnet color palette (#C6E7FB, #004562, #610037, #232700, #000204)
- Hazy Navy Station color palette (#C6F0FE, #009DCD, #005F99, #003883, #172554)
Browse the whole catalog at Explore, or see today's palette.