Petrol Lagoon color palette — #DDEDEA · #8DBBCE · #00788F · #004B4B · #001923

Teal and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DDEDEA): bright and airy, almost weightless.
• Ash (#8DBBCE): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00788F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001923): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Cerulean Courtyard color palette (#E8F5F3, #B1CCDB, #2A87AA, #005A63, #002436)
• Denim Drift color palette (#DBEEED, #7EA1BA, #005E8B, #003844, #000B1A)
• Washed Cerulean color palette (#DEECEA, #41829B, #00415C, #001E24, #000103)
• Aubergine Boulevard color palette (#EDE9F9, #A763A1, #00749F, #760072, #001420)
• Antique Terracotta color palette (#EFDCE8, #A77B63, #8B3711, #600900, #1A0900)
• Soft Nightshade color palette (#EBE2FF, #9C4291, #A33200, #1B38B6, #190016)
• Hazy Mulberry color palette (#F4EAFF, #F3BCCE, #D88C92, #8F3787, #330920)
• Quiet Mulberry color palette (#E9E2EE, #A964BC, #901897, #600058, #29001E)

Browse the whole catalog at Explore, or see today's palette.