Petrol Lantern color palette — #F7E9E1 · #67AFAE · #00829A · #00613C · #000B15
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7E9E1): bright and airy, almost weightless.
- Turquoise (#67AFAE): A luminous, dusty teal — the color of sea glass.
- Cerulean (#00829A): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00613C): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#000B15): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Weathered Cerulean color palette (#EEDCD4, #82BCC0, #0091B5, #007050, #001528)
- Pale Cobalt color palette (#F2E6DD, #71AAC1, #0078C7, #005D5A, #03002E)
- Cypress Loft color palette (#E1F3EF, #619F9E, #00656B, #003C34, #000C0F)
- Worn Olive color palette (#DFE1D2, #7FB7A3, #1AA1C2, #6F7100, #000D07)
- Muted Parlor color palette (#EFE0EA, #188989, #004350, #002111, #000103)
- Emerald Villa color palette (#D9E7DA, #1FA969, #007D42, #00411A, #000301)
- Misty Iris Chapel color palette (#EEE2D9, #94C7EB, #5C8FED, #007C84, #1C114F)
- Byzantium Boulevard color palette (#E0E3C8, #5BA646, #A62FC5, #175100, #0E0013)
Browse the whole catalog at Explore, or see today's palette.