Petrol Lantern color palette — #F1F3EB · #C2E6D8 · #5F92C1 · #006885 · #3B213C
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F3EB): bright and airy, almost weightless.
- Celadon Mist (#C2E6D8): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#5F92C1): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006885): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#3B213C): A deep, shadowed, dusty pink — the color of neon signs at night.
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 Orchard color palette (#F2F2EC, #CBE3D1, #4E9AAB, #006D6B, #003240)
- Softworn Meadow color palette (#FAF3F6, #C0E1FC, #618ACF, #007077, #3E475F)
- Softworn Denim Loft color palette (#E9EADB, #6DA7AF, #006374, #003938, #000D13)
- Weathered Cobalt Lantern color palette (#BAEDFF, #63B2D4, #0D80B6, #005889, #0C2E4C)
- Aged Dune color palette (#FCECFD, #F5CCD4, #BEB9E9, #487FAA, #3C253A)
- Ancient Driftwood color palette (#D8FBF1, #5F93C0, #956BAE, #007D6D, #01251D)
- Weathered Petrol Loft color palette (#E2F8F0, #70ABD5, #639F5F, #006BA0, #0B300A)
- Tempered Parlor color palette (#EBEFDF, #438297, #00415A, #001F23, #000103)
Browse the whole catalog at Explore, or see today's palette.