Petrol Lantern color palette — #EBDFDA · #96BC9F · #0080A7 · #005B47 · #00203E
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#EBDFDA): a clean, paper-quiet neutral.
- Sage (#96BC9F): A luminous, dusty teal — the color of glacier melt.
- Cerulean (#0080A7): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005B47): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00203E): 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
- Washed Cobalt color palette (#EBE1D9, #8BB8D4, #3273CC, #00595C, #18164A)
- Tempered Cobalt color palette (#F9EBE3, #A7CFBA, #458CC8, #006C67, #1E2B53)
- Tempered Summit color palette (#FDF1FA, #9BD8E1, #0086B0, #005341, #000D1F)
- Dusty Denim Coast color palette (#D4E8E4, #7BA6B7, #006274, #003E3D, #00242F)
- Powder Quarry color palette (#CCEBD7, #93C9FF, #AA9ADA, #007A6C, #002432)
- Muted Azure Pier color palette (#DBF4FF, #00A6D4, #007293, #00384C, #000B12)
- Lagoon Archive color palette (#FBF3EF, #CBECE1, #7FBCCB, #659375, #345147)
- Linen Crimson Boulevard color palette (#D7EEE0, #0095B3, #CE2C49, #005C70, #3A000B)
Browse the whole catalog at Explore, or see today's palette.