Petrol Lantern color palette — #D1E5F4 · #0077A2 · #7A4F00 · #003F57 · #271700
A conversation between Cerulean and Coffee, giving this palette its sense of trust and stability.
The five colors
- Frost (#D1E5F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0077A2): A full-bodied, balanced blue — the color of open sky before noon.
- Coffee (#7A4F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Teal (#003F57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#271700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Tempered Sapphire Lagoon color palette (#D8E9FE, #0064E1, #7A4F00, #00347C, #271700)
- Washed Terracotta Quarry color palette (#BEE6F6, #007C86, #A61804, #004248, #390200)
- Bronze Courtyard color palette (#D6F5E2, #0096B2, #956D00, #005D6F, #251800)
- Tempered Delta color palette (#DEF1FE, #00618D, #7B3800, #4F3900, #001421)
- Pale Sky color palette (#D6E8E1, #49BAFE, #AF6900, #0078B0, #2A1500)
- Nightshade Meadow color palette (#D7E5FF, #5575FF, #826F00, #2835BE, #372D00)
- Periwinkle Market color palette (#EEF6FF, #51A4F6, #BA7A24, #34689D, #593B17)
- Hazy Wisteria Archive color palette (#CEE7F5, #96B2FF, #BA6EC3, #00595F, #072240)
Browse the whole catalog at Explore, or see today's palette.