Petrol Lagoon color palette — #EDF2F9 · #D9D3E1 · #B6B4CB · #4D6689 · #1C2127
Built around Slate, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF2F9): a clean, paper-quiet neutral.
- Silver (#D9D3E1): A whisper-light, dusty violet — the color of wild irises.
- Ash (#B6B4CB): A luminous, dusty violet — the color of wild irises.
- Slate (#4D6689): A full-bodied, dusty blue — the color of open sky before noon.
- Onyx (#1C2127): a grounded near-black with real depth.
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
- Timeworn Petrol color palette (#F9F3F9, #E6D5D4, #C2ADAF, #3E6599, #423642)
- Aged Pewter Grove color palette (#F3EFFB, #ECCFDC, #D3B5CA, #915183, #27222F)
- Hushed Cerulean Delta color palette (#FBF2F9, #E7D6D8, #C7B0A5, #7789B6, #332C31)
- Lilac Orchard color palette (#DDECFF, #A891CD, #7E708E, #1E5451, #00312F)
- Muted Mulberry Thicket color palette (#ECE6F2, #D7C5D7, #B79AAB, #7E3961, #19131E)
- Softworn Navy color palette (#DDE2EB, #AFB2C3, #8F89A0, #2D3D7F, #060B15)
- Hushed Onyx color palette (#E3E1EF, #93899A, #7B6178, #421046, #020006)
- Ancient Quarry color palette (#E8F6EB, #9BA76B, #417241, #3F455F, #002319)
Browse the whole catalog at Explore, or see today's palette.