Petrol Lantern color palette — #F0E7A5 · #7EB38B · #008496 · #6E3F47 · #4D232C
A conversation between Cerulean and Celadon Mist, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#F0E7A5): A whisper-light, balanced green — the color of new leaves after rain.
- Jade (#7EB38B): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#008496): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#6E3F47): A full-bodied, dusty red — the color of embers at dusk.
- Espresso (#4D232C): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Trust, Stability, Balance. 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
- Cocoa Study color palette (#EDE8CC, #72B29A, #598676, #793D1D, #392116)
- Weathered Celadon color palette (#CCF6BA, #60BCB3, #5B7FAD, #58504C, #38312D)
- Weathered Taupe color palette (#F5DACC, #AAAD59, #41896F, #6E4650, #402645)
- Denim Grove color palette (#E1F5CF, #6FB6AE, #4E868E, #4C5A89, #5A3A5E)
- Teal Atelier color palette (#E5E6D2, #52A582, #3B6983, #5A2A2D, #371114)
- Mint Terrace color palette (#E2E7AC, #8EC7A3, #5C9BA7, #966063, #6D3A3C)
- Pine Terrace color palette (#FCF0DE, #98B366, #007F50, #5C491E, #1A2500)
- Linen Archive color palette (#D4E6D8, #3FB0C0, #535DA9, #583F00, #322200)
Browse the whole catalog at Explore, or see today's palette.