Petrol Lantern color palette — #FAF4EB · #AEE1D2 · #7896C7 · #007892 · #303661
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Mint (#AEE1D2): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#7896C7): A luminous, balanced violet — the color of twilight just after sunset.
- Teal (#007892): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#303661): A deep, shadowed, dusty violet — the color of wild irises.
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 Basin color palette (#FAF4EC, #BDDEC2, #48A3BB, #007E6C, #00405A)
- Azure Lagoon color palette (#FCF4E8, #96D5F2, #1293E1, #007179, #002E71)
- Muted Petrol color palette (#E7E0D3, #55B0C8, #006F98, #004A49, #001529)
- Aged Meadow color palette (#F9F4EF, #A7CFC3, #6371BD, #005F62, #423159)
- Cerulean Garden color palette (#F9F4EE, #CAE8EB, #96B4DA, #4D92A2, #62495D)
- Weathered Study color palette (#D6E4DA, #4BC9A1, #009A8B, #006E6C, #004048)
- Hazy Teal color palette (#E0F6DD, #00C1B8, #D27585, #00837D, #5A1D2B)
- Aqua Bloom color palette (#D3FBFF, #57C9D4, #009297, #005F63, #002528)
Browse the whole catalog at Explore, or see today's palette.