Petrol Lantern color palette — #FCF1FF · #F4D0E0 · #87AD95 · #516AA0 · #3A3254
A conversation between Slate and Navy, giving this palette its sense of nature and growth.
The five colors
- Blush (#FCF1FF): A whisper-light, dusty pink — the color of neon signs at night.
- Shell Pink (#F4D0E0): A whisper-light, dusty rose — the color of strawberry cream.
- Sage (#87AD95): A luminous, dusty teal — the color of sea glass.
- Slate (#516AA0): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#3A3254): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Lantern 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
- Pewter Veranda color palette (#FFF0F8, #C5DDC8, #7EA8A1, #746289, #4A3555)
- Petrol Studio color palette (#F7F3FF, #EAC8E6, #C094A3, #497496, #303F5A)
- Muted Periwinkle Archive color palette (#FBF2F7, #D7D4E0, #64ADEB, #008079, #1E2B54)
- Muted Alley color palette (#FFDCD3, #C2A472, #668053, #67485B, #543135)
- Powdered Grape color palette (#FFF2EB, #D6BE7E, #75A16E, #78419E, #5C1231)
- Aged Taupe Corridor color palette (#E3F3E5, #AAA575, #548375, #2F575F, #0C2A33)
- Washed Alley color palette (#E7FBEC, #CAE1DE, #ACC5CC, #8182A8, #5D4D67)
- Tempered Navy Balcony color palette (#EDD9D9, #C39673, #717330, #3C3D8A, #31042C)
Browse the whole catalog at Explore, or see today's palette.