Petrol Loft color palette — #F3E7DC · #8DBAD6 · #426BA7 · #004B4E · #110B3C
Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F3E7DC): a clean, paper-quiet neutral.
- Sky (#8DBAD6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#426BA7): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#110B3C): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Loft 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
- Dusty Petrol color palette (#F1E7E2, #9DBDA3, #007697, #004D39, #00172C)
- Antique Cobalt color palette (#F7F1E9, #A5D3C6, #6779AE, #005966, #21193D)
- Patina Basin color palette (#F8EAE3, #59ABAE, #006278, #003B26, #000C18)
- Weathered Ridge color palette (#E9F9F8, #D1DCFA, #4B98D8, #006681, #001E41)
- Hushed Mallow color palette (#FFE5EF, #ECAFE3, #CB8882, #41558D, #2C0913)
- Antique Cypress color palette (#F7F1EA, #C7E5E8, #B090AC, #39767D, #452E3B)
- Lagoon Quarry color palette (#ECDED7, #328786, #004350, #002110, #000103)
- Faded Summit color palette (#F6D6E0, #8943BB, #536800, #2E5900, #12021F)
Browse the whole catalog at Explore, or see today's palette.