Petrol Lantern color palette — #F8F8D2 · #C2EEC7 · #69BB9D · #00799F · #204B6E
Cerulean takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F8F8D2): A whisper-light, dusty green — the color of new leaves after rain.
- Mint (#C2EEC7): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#69BB9D): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#00799F): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#204B6E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, 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
- Worn Lagoon color palette (#FFF4DD, #E1E8A9, #93B180, #268383, #004754)
- Ancient Orchard color palette (#D4F7DF, #6CB7A1, #008787, #084189, #12173F)
- Timeworn Teal color palette (#F1FBD3, #CAD8BC, #63AAA2, #486D90, #25355B)
- Denim Courtyard color palette (#F8F9CC, #9AC8A3, #42977E, #006288, #082847)
- Navy Workshop color palette (#C6E9E4, #479DA5, #16647D, #2E1D69, #0F001C)
- Driftwood Bloom color palette (#EEFBD9, #C8E1D5, #A0BB9F, #967997, #604B5A)
- Dusty Periwinkle Study color palette (#F3F7E9, #DBD6E0, #6FB2FF, #0081AD, #153268)
- Patina Pier color palette (#C3EFF7, #5C8BA0, #074A7B, #2C0143, #0A0009)
Browse the whole catalog at Explore, or see today's palette.