Petrol Lantern color palette — #FCF4EB · #C6E4F9 · #8FA3E1 · #007C8E · #2F274E
Teal and Cornflower set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FCF4EB): a clean, paper-quiet neutral.
- Powder Blue (#C6E4F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#8FA3E1): A luminous, balanced violet — the color of twilight just after sunset.
- Teal (#007C8E): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Indigo (#2F274E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Cypress Terrace color palette (#FCF3EF, #BDE7F1, #61B2D5, #008266, #12304D)
- Airy Lagoon color palette (#FFF3E9, #D9E4F8, #459BFF, #007273, #1A185A)
- Antique Cobalt color palette (#F1F7F1, #ADC8E4, #5972C7, #005E6B, #323857)
- Weathered Petrol color palette (#FCEAE0, #70C4E0, #006CAA, #003E39, #000016)
- Muted Bloom color palette (#F7E8E1, #56B3B3, #005F71, #002D1A, #000103)
- Tempered Coral Atelier color palette (#FFF2EE, #F07F84, #00ACA8, #008F9A, #310F05)
- Powder Basin color palette (#FAF4EE, #C7DDEA, #C6BBEA, #799C81, #5E4453)
- Patina Balcony color palette (#FFF2EC, #8FDBDF, #0088A7, #005439, #000E1B)
Browse the whole catalog at Explore, or see today's palette.