Petrol Lantern color palette — #ECF2FF · #AAAEE1 · #AA9D5F · #686BA4 · #123A26
Slate and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF2FF): a clean, paper-quiet neutral.
- Mauve (#AAAEE1): A luminous, dusty violet — the color of wild irises.
- Moss (#AA9D5F): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#686BA4): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Forest (#123A26): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Muted Pewter color palette (#F3EFFD, #CEA3CB, #73AC82, #925B8E, #083937)
- Indigo Corridor color palette (#FEF1F9, #A6ACDA, #A29B5D, #6368BC, #504D46)
- Dusty Petrol Corridor color palette (#E6F4FF, #81BCDD, #BF9170, #3A7A9A, #472435)
- Iris Drift color palette (#FCF2F8, #BBBFF3, #B6B674, #7F81D7, #505024)
- Worn Ash color palette (#EEF1FF, #DCD3E0, #C5A79D, #7B90B1, #38394A)
- Washed Meadow color palette (#EDF1FF, #9993D2, #B97D5E, #498670, #212639)
- Aged Driftwood Market color palette (#FFECF2, #A8C3AD, #A17483, #6B4E5D, #213028)
- Ancient Pewter color palette (#F2F0FD, #A9CEB1, #735576, #322C47, #14121D)
Browse the whole catalog at Explore, or see today's palette.