Petrol Lantern color palette — #FDECE3 · #54B1B2 · #00829B · #00613D · #000A15
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#FDECE3): A whisper-light, dusty orange — the color of toasted spice.
- Turquoise (#54B1B2): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#00829B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00613D): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, 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
- Cobalt Studio color palette (#F1E4DB, #53ADCD, #0079C1, #005E58, #010328)
- Teal Study color palette (#D3E4E0, #00A7A9, #00646C, #003C35, #000C0F)
- Wandering Ridge color palette (#DBE8DD, #3E8586, #00444D, #002017, #000203)
- Cornflower Station color palette (#ECDED1, #78CAFF, #528EF8, #007C84, #1B1646)
- Lilac Ridge color palette (#E3EDFF, #A897F3, #C67BB4, #007A97, #0A0B29)
- Wandering Atelier color palette (#CEE8EE, #0081B1, #005AA1, #1C2688, #0C0029)
- Azure Terrace color palette (#F7ECE6, #98E0F4, #2BAFF6, #009381, #172D52)
- Aged Study color palette (#FEF3EC, #C1EFE0, #86CAD9, #70A783, #2D5043)
Browse the whole catalog at Explore, or see today's palette.