Petrol Lantern color palette — #F5EBF4 · #65AEB4 · #007FA9 · #006134 · #00081F
Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F5EBF4): a clean, paper-quiet neutral.
- Cyan (#65AEB4): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006134): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#00081F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Hushed Cobalt color palette (#EBDEE9, #7ABDC5, #008EC4, #007145, #000942)
- Powdered Sapphire color palette (#E8DCE2, #73A8C6, #3D70CF, #005E57, #0B0026)
- Tempered Corridor color palette (#EDE5D9, #5E9FA2, #006374, #003D31, #000B12)
- Lagoon Quarry color palette (#FBE8E1, #00898E, #004257, #00210C, #000105)
- Ancient Iris Field color palette (#F2E7EB, #98C6EB, #758BE4, #007D7E, #29074C)
- Terracotta Veranda color palette (#F7DCF1, #C75544, #008183, #9F0E00, #000808)
- Rust Courtyard color palette (#FBE2DD, #C72912, #007382, #1F5376, #060000)
- Chestnut Grove color palette (#E7F4EA, #7B8753, #745D00, #613000, #000501)
Browse the whole catalog at Explore, or see today's palette.