Petrol Lantern color palette — #F8EBE1 · #4FC4FE · #2566B6 · #003D3F · #020013
A conversation between Cobalt and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F8EBE1): bright and airy, almost weightless.
- Sky (#4FC4FE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#2566B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003D3F): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Softworn Aqua Garden color palette (#FAEBE3, #54CAD3, #007290, #00402D, #000308)
- Muted Study color palette (#FFF2EB, #72E1DB, #00899D, #00552D, #000F18)
- Tempered Navy color palette (#F2E0E8, #5B91B1, #214195, #002C29, #060017)
- Powdered Cornflower color palette (#EFE4DC, #78B9DD, #5280D6, #006E65, #17003F)
- Bronze Balcony color palette (#FEE3CD, #BC6300, #006DA5, #5D2D00, #000103)
- Patina Chestnut Bloom color palette (#FFEBDA, #955500, #005F89, #004479, #030100)
- Periwinkle Ridge color palette (#FBF4EE, #D8D5E0, #81A6E7, #007E86, #422137)
- Aged Powder Drift color palette (#FEF2EC, #D1DDF4, #7CC7E3, #4F9177, #26463E)
Browse the whole catalog at Explore, or see today's palette.