Petrol Lantern color palette — #D1EAC3 · #008E79 · #0071AE · #575900 · #000202
Slate and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D1EAC3): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#008E79): A full-bodied, balanced teal — the color of glacier melt.
- Slate (#0071AE): A full-bodied, balanced blue — the color of open sky before noon.
- Olive (#575900): A full-bodied, balanced green — the color of fresh herbs.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, 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
- Emerald Alley color palette (#C6EFBD, #2E9201, #007984, #734B00, #000200)
- Powdered Sapphire color palette (#A7F0F4, #008B91, #315CDE, #356200, #000202)
- Airy Grape color palette (#D8F7E6, #007EA0, #793EA6, #104500, #000102)
- Tempered Amethyst Coast color palette (#BEE8FF, #0085B3, #7D40D2, #006448, #000204)
- Teal Grove color palette (#D6FFF9, #00CABA, #00766C, #002E29, #000201)
- Antique Grove color palette (#D8F5F0, #006960, #004F8C, #394200, #001613)
- Cypress Hollow color palette (#D6FFF7, #A0E8E4, #61C6D8, #00775A, #00100F)
- Quiet Mulberry color palette (#DEF1E6, #006946, #830071, #74000F, #000502)
Browse the whole catalog at Explore, or see today's palette.