Petrol Lantern color palette — #FFF0FC · #98AFE2 · #8FA166 · #5971A7 · #4E4D46
Slate and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Mauve (#98AFE2): A luminous, dusty violet — the color of a velvet chair.
- Moss (#8FA166): A luminous, balanced green — the color of fresh herbs.
- Slate (#5971A7): A full-bodied, balanced violet — the color of wild irises.
- Charcoal Brown (#4E4D46): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Weathered Quarry color palette (#FFF1F4, #C69FD4, #85A46F, #896098, #4E4E46)
- Indigo Summit color palette (#EDF2FF, #ADAFDB, #AA9C63, #6865BA, #3A3101)
- Ancient Cobalt color palette (#EBF9F4, #85B6DF, #C28971, #3778AA, #743C0F)
- Timeworn Iris Dune color palette (#FEF1F9, #BDBFF3, #C0B26D, #817EDF, #504D46)
- Worn Iris color palette (#FFF0F9, #9190CF, #86914E, #4F7E55, #4F3B47)
- Hushed Driftwood color palette (#FFF0FA, #E6D9D5, #D7C1AA, #729484, #614C52)
- Washed Denim Hollow color palette (#FFF1F7, #C5BCEA, #8576A9, #4E4474, #4B2937)
- Mulberry Ridge color palette (#FFF2F0, #D085A3, #4F9B79, #964769, #1D4D38)
Browse the whole catalog at Explore, or see today's palette.