Petrol Lantern color palette — #FFF0F9 · #A7AAE2 · #B09464 · #6A6BA7 · #514C46
Slate takes the lead with Mauve close behind in a set that reads as optimism and creativity at first glance.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Mauve (#A7AAE2): A luminous, balanced violet — the color of twilight just after sunset.
- Caramel (#B09464): A luminous, dusty gold — the color of old brass.
- Slate (#6A6BA7): A full-bodied, balanced violet — the color of wild irises.
- Charcoal Brown (#514C46): quiet, heavy and certain.
Feels like: Optimism, 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
- Wandering Grove color palette (#E5FBF4, #89B6D9, #AD9661, #3E78A3, #664700)
- Timeworn Indigo Station color palette (#EBF2FF, #A4B1DF, #B29958, #5669C1, #3D2F04)
- Antique Pewter color palette (#FFF1F3, #C7A0CC, #83A476, #8F5D95, #515100)
- Iris Drift color palette (#FDF1FA, #B5C2EE, #C2B171, #7587D0, #504D46)
- Iris Thicket color palette (#FFF0F8, #9390CA, #9A8855, #69783E, #513B47)
- Aged Dune color palette (#FFF0FB, #E7D8D6, #ACB5A1, #749582, #5B4A53)
- Dusty Summit color palette (#FFF0F8, #BDC0EE, #7A79AE, #4D4373, #303155)
- Muted Stone color palette (#FBF2F7, #9DCDB5, #745265, #47313D, #2E1F20)
Browse the whole catalog at Explore, or see today's palette.