Petrol Lantern color palette — #F1F7F2 · #DBDFEA · #76ACDB · #007D89 · #1C2E4E
Teal and Cornflower set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#DBDFEA): a clean, paper-quiet neutral.
- Cornflower (#76ACDB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007D89): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#1C2E4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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 Lagoon Coast color palette (#FBF2F7, #C9E4F7, #8BB3F2, #00A193, #39355A)
- Worn Corridor color palette (#E1F4E5, #65C8D2, #00738B, #003F35, #000306)
- Washed Cerulean Corridor color palette (#EFF8F1, #C8E3FF, #00A3BD, #006C58, #002230)
- Softworn Orchard color palette (#DFEEE2, #6DAAD0, #00559B, #002A31, #00000C)
- Ancient Cobalt Market color palette (#FAF4EB, #A6D0BE, #1D7DC2, #005E67, #4A3048)
- Powdered Blush Harbor color palette (#FBF1FF, #E584A0, #8AA148, #2E85BE, #25122C)
- Cobalt Lantern color palette (#EDF9EF, #A0D2F9, #467AC3, #004F5F, #050036)
- Timeworn Ash Dune color palette (#FBF1FF, #EDF8C9, #DCD8CD, #AF80A5, #432942)
Browse the whole catalog at Explore, or see today's palette.