Petrol Lagoon color palette — #EDE8E0 · #87BDCD · #00749F · #004B4A · #00172D
Built around Slate, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Parchment (#EDE8E0): bright and airy, almost weightless.
- Ash (#87BDCD): A luminous, dusty blue — the color of open sky before noon.
- Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4A): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Petrol Studio color palette (#F6EBF2, #72BED3, #006DAE, #00523E, #232A52)
- Cobalt Atelier color palette (#F7F1E8, #AED1C0, #3982B8, #005A61, #091F41)
- Washed Balcony color palette (#E5DED5, #7BA798, #1657A1, #003842, #030131)
- Softworn Corridor color palette (#F4EEE4, #5C9599, #005263, #002D24, #00050A)
- Cypress Market color palette (#F5F1EB, #C9E1DF, #79A898, #007A7E, #422E44)
- Forest Villa color palette (#E8F3DC, #90DBDA, #57ABCE, #006F26, #00201D)
- Softworn Emerald Field color palette (#DFF1D0, #4C9648, #006A37, #004330, #001813)
- Sunlit Plum Atelier color palette (#E6EEDC, #0E9667, #B12B81, #005438, #270019)
Browse the whole catalog at Explore, or see today's palette.