Petrol Lantern color palette — #EEF6FF · #70A3DF · #AB822E · #2B67A9 · #563E0A
Built around Peacock, softened by Caramel — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Cornflower (#70A3DF): A luminous, balanced blue — the color of deep harbor water.
- Caramel (#AB822E): A luminous, balanced gold — the color of old brass.
- Peacock (#2B67A9): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#563E0A): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Trust, Stability, Optimism, Balance. Tagged cool.
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
- Amber Veranda color palette (#EAF8FF, #44AECD, #BF7445, #00718A, #61361A)
- Moss Chapel color palette (#F1F5FF, #9498DD, #7A9540, #5B5DA0, #3B4821)
- Gentle Cornflower Terrace color palette (#EFF6FF, #5D87D5, #A1701A, #5E6C18, #273952)
- Antique Drift color palette (#EEF6FF, #8DBCEE, #65BA84, #2083D9, #214D32)
- Ultramarine Orchard color palette (#FAEDFA, #80A5E0, #C96A8E, #2560BE, #451128)
- Weathered Pewter Workshop color palette (#FFF0F9, #C39F7F, #936654, #614861, #2F4333)
- Washed Harbor color palette (#D9E5FF, #6A6EFF, #7F7100, #3E00D8, #352E00)
- Aubergine Loft color palette (#F4F4FF, #C683E5, #6E8C00, #711E90, #324100)
Browse the whole catalog at Explore, or see today's palette.