Petrol Lantern color palette — #C5EFF3 · #007490 · #003E5F · #00183F · #08002F
Built around Teal, softened by Ink — the whole palette hums with trust and stability.
The five colors
- Frost (#C5EFF3): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007490): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003E5F): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#00183F): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#08002F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Azure Studio color palette (#D9EEF6, #009AD5, #0079BB, #004787, #00032A)
- Navy Field color palette (#D8ECDC, #006375, #002E64, #360002, #000D15)
- Dusty Cypress color palette (#E4F4E9, #007D62, #004442, #001F25, #000C12)
- Abyss Terrace color palette (#E1F0F7, #93ADBF, #6D8297, #003F47, #001720)
- Weathered Navy Garden color palette (#CDE4E0, #0095A4, #005F8C, #0C0090, #0E0026)
- Hazy Nightshade Studio color palette (#E0EFFB, #00ABA7, #00799E, #2617B7, #000C19)
- Muted Cabin color palette (#D3E9F6, #006ED8, #1B10A9, #1F004A, #120020)
- Nocturne Aubergine Field color palette (#DDF0FC, #005268, #420058, #260A00, #020A00)
Browse the whole catalog at Explore, or see today's palette.