Petrol Lantern color palette — #ECF0E1 · #77C2E3 · #006F9E · #003C47 · #000307
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF0E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#77C2E3): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006F9E): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003C47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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 Denim color palette (#E1E2D4, #6AAFB3, #00606B, #002C28, #000102)
- Cornflower Loft color palette (#F3F7EB, #9ED2FF, #0079E2, #004D69, #00072D)
- Hushed Turquoise Parlor color palette (#E3F8DE, #7DE8EA, #00BAD8, #005C4A, #000808)
- Hushed Workshop color palette (#EEE0D6, #52BEE8, #2287D8, #006D69, #070C3A)
- Navy Loft color palette (#FAE7DA, #479ABC, #09478E, #003129, #13033F)
- Hazy Ultramarine color palette (#D9ECD8, #007775, #0051B9, #354B00, #000201)
- Gentle Lapis color palette (#E1E9DD, #00937C, #4638FF, #00473B, #01000B)
- Washed Periwinkle Basin color palette (#F4F6EF, #BEE1F2, #5FAEE8, #007B96, #12304E)
Browse the whole catalog at Explore, or see today's palette.