Washed Petrol Lagoon color palette — #EDF8F4 · #D8C193 · #4C7699 · #244B41 · #122621

Slate and Sand set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Sand (#D8C193): A luminous, dusty gold — the color of honey in a jar.
• Slate (#4C7699): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#244B41): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#122621): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Washed 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

• Aged Petrol color palette (#FCF1FA, #DBC18B, #5771A1, #543752, #291D28)
• Cobalt Balcony color palette (#EFF6FD, #FFE2A5, #2D7CB5, #133C59, #081018)
• Weathered Azure color palette (#EFF6FE, #FCC9A9, #5D98DD, #4E6580, #1B222B)
• Denim Atelier color palette (#FBF2FB, #D2A385, #2A5381, #072E56, #271E28)
• Dusty Orchard color palette (#F9F3F9, #A6C6F5, #A979C2, #4F80CA, #321D23)
• Aged Driftwood color palette (#FAF3F7, #E5D7D6, #CFBCB7, #A8829B, #50434B)
• Airy Iris color palette (#FFF0FD, #7794E2, #A36146, #51671B, #1D3220)
• Airy Marigold Corridor color palette (#F2DDEF, #D6A200, #3353AE, #152960, #040C29)

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