Petrol Lagoon color palette — #F1F6FB · #D8D8E8 · #A8B4C8 · #2E679B · #343B43
Built around Peacock, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F6FB): bright and airy, almost weightless.
- Silver (#D8D8E8): A whisper-light, dusty violet — the color of wild irises.
- Ash (#A8B4C8): A luminous, dusty violet — the color of wild irises.
- Peacock (#2E679B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#343B43): quiet, heavy and certain.
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
- Petrol Harbor color palette (#ECF3F9, #D6D4E3, #B3B6C7, #376A8C, #1A2128)
- Aged Corridor color palette (#EDF8F4, #EED8DC, #D8C0CA, #5686A7, #323D39)
- Mulberry Study color palette (#F5F4FC, #E7D4E2, #C6B3D6, #8D4F8F, #403E4A)
- Muted Grape color palette (#F2F5FE, #CFD1E6, #B79AC5, #6238B8, #2E3242)
- Patina Villa color palette (#DDE1E7, #B2B9C6, #828EAA, #003E93, #182029)
- Washed Mulberry Hollow color palette (#F0ECF7, #D0C8D8, #AD97B7, #773D69, #312A3A)
- Timeworn Summit color palette (#ECECF4, #9A97A6, #766A8A, #400D53, #090716)
- Cocoa Villa color palette (#E2E6FF, #A4A0BF, #93628A, #754639, #5F2B00)
Browse the whole catalog at Explore, or see today's palette.