Petrol Lantern color palette — #FBEBE2 · #94BCA5 · #0E6CAF · #00523F · #22275C
Built around Peacock, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Cream (#FBEBE2): A whisper-light, dusty gold — the color of old brass.
- Sage (#94BCA5): A luminous, dusty teal — the color of shallow lagoons.
- Peacock (#0E6CAF): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#22275C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.
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 Cobalt color palette (#FFF3EA, #A3D1BD, #5879AB, #006157, #38345C)
- Petrol Grove color palette (#E2ECE4, #91BAD0, #0074A1, #004B4B, #00172D)
- Antique Chapel color palette (#ECE1D7, #78A4C4, #3C5199, #003E3D, #260E48)
- Worn Denim color palette (#E9DBD6, #5C9BA1, #00516E, #003219, #001135)
- Weathered Studio color palette (#FDF3F0, #D0E2CE, #5794A7, #486D46, #2C4A67)
- Misty Denim color palette (#FFE9EA, #FDB4AE, #B3984E, #69509A, #4D2738)
- Frosted Plum color palette (#F2D8D9, #AB2F91, #006E64, #00505F, #340E2C)
- Hazy Periwinkle color palette (#F7EAF2, #A2DEF1, #4DABFB, #009476, #242952)
Browse the whole catalog at Explore, or see today's palette.