Petrol Lantern color palette — #E4F2F1 · #8BB7D8 · #006BB6 · #004C64 · #152E51
Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#E4F2F1): a clean, paper-quiet neutral.
- Sky (#8BB7D8): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#006BB6): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004C64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#152E51): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: 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
- Timeworn Coast color palette (#F3E5EA, #86BADF, #3B68B7, #004A50, #130E36)
- Softworn Petrol Orchard color palette (#E4F2EF, #79BFC1, #007681, #005049, #00343E)
- Cornflower Cabin color palette (#F6EDE4, #8ACDFA, #4F84DE, #006B72, #292851)
- Cerulean Atelier color palette (#E7FAF7, #8EDDEA, #008EA8, #006666, #00475B)
- Washed Lantern color palette (#CFE3E1, #3D9CBD, #00506F, #002F36, #001626)
- Ancient Periwinkle color palette (#EFF7F7, #D8DBEB, #729CD0, #3C7694, #485364)
- Periwinkle Coast color palette (#FAE9EF, #AADAFA, #84A2EA, #00918C, #322353)
- Amber Pier color palette (#FFEEFE, #FFAE9C, #E67922, #934659, #432A40)
Browse the whole catalog at Explore, or see today's palette.