Petrol Lagoon color palette — #EDF4F0 · #CCD9D9 · #A9BCB5 · #007087 · #18241D

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Silver (#CCD9D9): a clean, paper-quiet neutral.
• Ash (#A9BCB5): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007087): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#18241D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Denim Canyon color palette (#F5F0F4, #DDD3D4, #C4B1BB, #4961A2, #281C26)
• Wandering Delta color palette (#EEF7FA, #D6D9E4, #A9B4C7, #007081, #2F3D43)
• Cerulean Station color palette (#F1F7F3, #D1DFE0, #BCBAAB, #009BB1, #223328)
• Aged Cypress Archive color palette (#F1F4E2, #82AB90, #287458, #00524A, #002310)
• Abyss Villa color palette (#E0E8E4, #A9B7B2, #9C849E, #004A65, #000F08)
• Obsidian Petrol Boulevard color palette (#D2E7E0, #0069A8, #311C31, #00100C, #000302)
• Weathered Villa color palette (#FBE4F5, #BF9AAF, #796591, #703642, #3F2011)
• Quiet Delta color palette (#E4F7EF, #6DD1F0, #28B5FA, #3972D5, #001A31)

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