Petrol Lantern color palette — #F2E6E1 · #9ABE9E · #007793 · #004E35 · #00182A
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F2E6E1): bright and airy, almost weightless.
- Sage (#9ABE9E): A luminous, dusty green — the color of fresh herbs.
- Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E35): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#00182A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Antique Sapphire Balcony color palette (#F2E7DE, #92BFAC, #006AC7, #004B4C, #0E1035)
- Hushed Terrace color palette (#EFF0E4, #6EC1C7, #007585, #00504C, #003440)
- Cobalt Study color palette (#F8F0EC, #B0D1BA, #0086B7, #005D4C, #2D172E)
- Denim Market color palette (#F4E6DD, #66A7BD, #005D91, #003A35, #01042D)
- Sunlit Lilac Harbor color palette (#D4F8DD, #98CEEE, #A898F1, #006C53, #001E13)
- Dusty Canyon color palette (#DCEBE1, #009783, #00696D, #003744, #001B28)
- Wandering Cerulean Hollow color palette (#F1E4DD, #2C859A, #004060, #00201B, #000107)
- Gentle Delta color palette (#D1E5D3, #007A7F, #B0003B, #733C00, #000E0F)
Browse the whole catalog at Explore, or see today's palette.