Petrol Lantern color palette — #FBEBE3 · #99BB9F · #007392 · #00523B · #07304F
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#FBEBE3): A whisper-light, dusty orange — the color of sun-warmed clay.
- Sage (#99BB9F): A luminous, dusty teal — the color of glacier melt.
- Teal (#007392): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#07304F): 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 Atelier color palette (#F5EDE5, #8ABEAE, #4163B5, #004E57, #2C274F)
- Petrol Study color palette (#E1ECEA, #8EBCCB, #007988, #004C47, #001A21)
- Cerulean Thicket color palette (#EFEFE6, #ADCEB1, #0097A9, #006C66, #003440)
- Muted Denim Courtyard color palette (#EBDFD8, #69A9C1, #005B94, #003E3A, #0E1B46)
- Weathered Cobalt color palette (#FDF3EC, #99D8F6, #4783C0, #006665, #323C68)
- Muted Turquoise color palette (#F5EBF2, #9AE2E6, #00B6E1, #00956B, #0B304C)
- Tempered Cypress color palette (#FBF3F0, #C9EAE4, #77A591, #437B6A, #5D4B5F)
- Sunlit Chapel color palette (#F7D8DB, #B74DA8, #005E1F, #004F4C, #320F2D)
Browse the whole catalog at Explore, or see today's palette.