Petrol Lantern color palette — #D1F9F8 · #C2AE27 · #00B68A · #0068B5 · #001416
Cobalt takes the lead with Gold close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D1F9F8): A whisper-light, dusty teal — the color of sea glass.
- Gold (#C2AE27): A luminous, balanced green — the color of fresh herbs.
- Jade (#00B68A): A luminous, balanced teal — the color of glacier melt.
- Cobalt (#0068B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#001416): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, 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
- Sapphire Ridge color palette (#D5F7FF, #A1BA5C, #00B3AB, #3456E4, #000E11)
- Cornflower Basin color palette (#DBF8FD, #C4C96A, #00C3B3, #0089E7, #001D22)
- Clover Courtyard color palette (#D3FBF3, #F69B1D, #34B741, #007786, #00120C)
- Quiet Clover color palette (#E0FBFF, #49CA4A, #00AA86, #00768D, #002F2E)
- Soft Amethyst color palette (#D5EEF8, #8ACC7F, #009FC1, #833BDE, #000E18)
- Hushed Atelier color palette (#DAEFE7, #619D7A, #006260, #343E00, #00170A)
- Feathered Delta color palette (#D1EAF4, #00AB5D, #007B8E, #4900BD, #000204)
- Timeworn Cocoa Studio color palette (#E8E5C6, #7CA093, #007679, #602E00, #221F00)
Browse the whole catalog at Explore, or see today's palette.