Petrol Lantern color palette — #ECF3F9 · #8EB9DD · #8761AA · #006AA6 · #0C0B1F
Built around Peacock, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF3F9): a clean, paper-quiet neutral.
- Sky (#8EB9DD): A luminous, dusty blue — the color of deep harbor water.
- Slate (#8761AA): A full-bodied, balanced violet — the color of twilight just after sunset.
- Peacock (#006AA6): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#0C0B1F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Balance. Tagged duotone, 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
- Pale Workshop color palette (#EEF2FA, #A7B0DF, #A55291, #4F57BA, #110A1A)
- Timeworn Cobalt Alley color palette (#ECF3F6, #81C0C0, #5F6EBA, #007374, #080E1B)
- Plum Terrace color palette (#F0F7F2, #62BED3, #B23B7A, #006B7D, #301F1E)
- Worn Pewter Garden color palette (#E7F7EA, #8A99CF, #7E5994, #5C4100, #1B2139)
- Timeworn Cobalt color palette (#EEF2F8, #D9D6DF, #C2B8C8, #5973AE, #262C36)
- Soft Aubergine color palette (#DDEBFF, #A4ACDE, #7E6EB0, #672C85, #3E003A)
- Feathered Wisteria Lantern color palette (#EEF8F4, #95CBF8, #C166C5, #2987C8, #301E21)
- Hushed Field color palette (#EAF3FD, #4F7EB8, #944033, #484300, #00151B)
Browse the whole catalog at Explore, or see today's palette.