Petrol Lantern color palette — #EDF8F6 · #C8E0EF · #5793B1 · #006F7C · #2E4B62
Teal takes the lead with Storm Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EDF8F6): bright and airy, almost weightless.
- Powder Blue (#C8E0EF): A whisper-light, dusty blue — the color of deep harbor water.
- Storm Blue (#5793B1): A luminous, dusty blue — the color of deep harbor water.
- Teal (#006F7C): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#2E4B62): A full-bodied, dusty blue — the color of open sky before noon.
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
- Wandering Cerulean Cabin color palette (#F7EFF3, #C3E1F3, #5893C5, #006D67, #1E2C44)
- Denim Workshop color palette (#DAE7E6, #6896B1, #004E7A, #002E3A, #00142B)
- Hushed Studio color palette (#F4F6EC, #D0E3FC, #8EC6E4, #58A5B3, #2D5045)
- Petrol Workshop color palette (#E7F1F0, #93B6CE, #0C70A0, #004E5C, #003052)
- Periwinkle Balcony color palette (#FAF4F0, #C8F0DA, #66ACE5, #2A8B83, #583E54)
- Muted Courtyard color palette (#FBF1FF, #EAD3DC, #E5BD9B, #AA698E, #564259)
- Hushed Cocoa color palette (#FFF1F7, #BE9CA8, #946746, #74432B, #324231)
- Wandering Station color palette (#FBF1FF, #B96E84, #AC6A00, #6F59A4, #433049)
Browse the whole catalog at Explore, or see today's palette.