Petrol Lagoon color palette — #F5E9FF · #E9B1C3 · #B2885B · #4569A1 · #374B66
Slate and Caramel set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F5E9FF): A whisper-light, dusty violet — the color of a velvet chair.
- Ballet Pink (#E9B1C3): A luminous, dusty rose — the color of strawberry cream.
- Caramel (#B2885B): A luminous, dusty gold — the color of afternoon light on wheat.
- Slate (#4569A1): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#374B66): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, 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
- Petrol Meadow color palette (#D7E7FF, #C7ADDA, #CF8182, #15769C, #1F486F)
- Hushed Taupe color palette (#FFF0F9, #F2D7C0, #BD9E63, #4D718E, #1F4865)
- Moss Atelier color palette (#FFE2EF, #E1AD93, #92984C, #7B5C8E, #573E66)
- Timeworn Driftwood color palette (#FAF2FF, #DCB4CC, #86AE9C, #74769D, #4A4C63)
- Antique Bronze color palette (#FFE3F6, #D49087, #938322, #405875, #213956)
- Patina Stone color palette (#FFF1F3, #DF9F8E, #94764F, #50664A, #0E4F60)
- Linen Field color palette (#FDDBD3, #CEA548, #0C9E63, #69568B, #433060)
- Timeworn Bloom color palette (#FFE9F4, #C08465, #677027, #3E3F6E, #22224B)
Browse the whole catalog at Explore, or see today's palette.