Petrol Lantern color palette — #EEF3EF · #CADFF3 · #6C8FC2 · #00697F · #1E2B47
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Cream (#EEF3EF): a clean, paper-quiet neutral.
- Powder Blue (#CADFF3): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#6C8FC2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00697F): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#1E2B47): A deep, shadowed, dusty violet — the color of wild irises.
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 Cypress color palette (#EDF4EE, #BEE4EE, #359DAD, #006F56, #003141)
- Timeworn Denim color palette (#D9E7DB, #6DA7B2, #00617D, #003A35, #000C18)
- Timeworn Iris Pier color palette (#F9F4EF, #BAE8D9, #7386CB, #007171, #593F4A)
- Aged Navy Orchard color palette (#D8E4DA, #4B8097, #003F63, #001F21, #000106)
- Petrol Courtyard color palette (#EBF5ED, #7BCAD3, #007E9A, #005348, #001D2C)
- Lagoon Coast color palette (#FCF2F6, #D9D3DE, #A7B7F7, #009497, #3A3C5B)
- Quiet Olive Balcony color palette (#FEEAFF, #C3727A, #608F3F, #356CAD, #29162B)
- Weathered Bloom color palette (#E1ECE3, #9EB6CF, #3F66BC, #00485C, #10093F)
Browse the whole catalog at Explore, or see today's palette.