Petrol Lantern color palette — #DFFDF3 · #87C197 · #2E9A82 · #27689B · #124646
Peacock takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#DFFDF3): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#87C197): A luminous, balanced teal — the color of glacier melt.
- Fern (#2E9A82): A luminous, balanced teal — the color of sea glass.
- Peacock (#27689B): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#124646): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged retro, cool.
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
- Moss Terrace color palette (#E5FBF0, #B4B679, #709352, #007179, #21453A)
- Softworn Cabin color palette (#E5FBF7, #8ECBC7, #599EAD, #6866A6, #2B4D58)
- Patina Seafoam color palette (#FAF6DD, #8DE399, #42A688, #3C6888, #30332C)
- Worn Lagoon color palette (#EFF7F5, #C8E0F5, #57B6BA, #008F79, #244E5D)
- Faded Dune color palette (#E7F9FD, #52B8AC, #3589B6, #5B4FA0, #1E4217)
- Hushed Moss Balcony color palette (#FFF0F8, #82A554, #007A72, #75335A, #224442)
- Nightshade Workshop color palette (#D4EFC1, #00B193, #007F81, #2130C4, #00312B)
- Patina Jade Studio color palette (#D1EAEB, #35A678, #315458, #183334, #0F1B1A)
Browse the whole catalog at Explore, or see today's palette.