Petrol Lagoon color palette — #D0E3F6 · #4869A2 · #3A3A62 · #3A082A · #210314
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D0E3F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#4869A2): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#3A3A62): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Deep Indigo (#3A082A): A deep, shadowed, balanced pink — the color of peonies in June.
- Ink (#210314): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.
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
- Dusty Studio color palette (#E4ECFF, #5D5B9D, #412F55, #2C1531, #001918)
- Patina Petrol color palette (#CDEDF1, #006A84, #064066, #2E1545, #290013)
- Lowlit Workshop color palette (#C2EAF7, #2F5F8F, #352B64, #360800, #090400)
- Indigo Veranda color palette (#E0DFF4, #7C59A4, #5B2E60, #450A08, #240A00)
- Worn Iris Canyon color palette (#DBE4F3, #8C96D9, #72629D, #503F57, #472430)
- Washed Lagoon Workshop color palette (#D0E3DF, #00919C, #00454F, #002221, #000B10)
- Charred Denim Bloom color palette (#E2F1FF, #005BA0, #002B64, #02004A, #020025)
- Iris Loft color palette (#E7E9FF, #8A75BC, #6A5176, #493149, #003033)
Browse the whole catalog at Explore, or see today's palette.