Petrol Lantern color palette — #F3F7ED · #C3DEEE · #77ABE0 · #007A9E · #152E53
Built around Cerulean, softened by Cornflower — the whole palette hums with trust and stability.
The five colors
- Ivory (#F3F7ED): bright and airy, almost weightless.
- Powder Blue (#C3DEEE): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#77ABE0): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007A9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#152E53): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, 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
- Hushed Chapel color palette (#F5F6EE, #B7E5ED, #49B8C7, #008076, #00353F)
- Muted Field color palette (#EEF0E3, #82C2D1, #00728E, #003D40, #000306)
- Wandering Denim color palette (#E5EBDB, #7EA6CD, #0752A2, #00283B, #00000A)
- Antique Corridor color palette (#E8F8FF, #6ECDFC, #0096D7, #005A94, #052C52)
- Weathered Powder color palette (#FBF4EE, #BAEDDC, #8BB1FB, #009EAC, #4D3041)
- Aged Harbor color palette (#FCEDF2, #A3CDED, #567AC0, #005A62, #181F38)
- Timeworn Lilac Coast color palette (#DCFEF2, #57AFEC, #AF7ADD, #00937B, #001E31)
- Patina Villa color palette (#E0FDF3, #7FC8FC, #5EBF66, #007EBC, #04310B)
Browse the whole catalog at Explore, or see today's palette.