Petrol Lagoon color palette — #EDF7F9 · #D5DCE8 · #BDBFCE · #497D89 · #41494B

Built around Slate, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#EDF7F9): bright and airy, almost weightless.
• Silver (#D5DCE8): bright and airy, almost weightless.
• Stone (#BDBFCE): A luminous, dusty violet — the color of wild irises.
• Slate (#497D89): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#41494B): a grounded near-black with real depth.

Feels like: 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

• Hushed Lagoon color palette (#F2F7F0, #D1DFDE, #D8C2C8, #569E95, #424A40)
• Muted Abyss color palette (#E2EFF4, #96ADBD, #6E8199, #004043, #00171E)
• Antique Meadow color palette (#DDF8FF, #99B7CD, #838AA2, #705A61, #5D423E)
• Hushed Denim Alley color palette (#E9F8FF, #C2D5E6, #95A7C7, #006674, #193743)
• Wandering Navy color palette (#E4E7EF, #B6B7CD, #9289A2, #383D79, #181F2F)
• Pine Bloom color palette (#EAFAEE, #A8B77E, #508154, #425F66, #2C4940)
• Seafoam Ridge color palette (#EAF8FF, #8DFFD6, #4ACEE3, #737CC4, #25445B)
• Patina Teal Lagoon color palette (#FFF0FA, #00AEAA, #376DA1, #6D4032, #25414E)

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