Petrol Loft color palette — #E9DFCE · #6EC1C5 · #008399 · #005B4B · #002331
Cerulean and Mint Leaf set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E9DFCE): A whisper-light, dusty gold — the color of old brass.
- Mint Leaf (#6EC1C5): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#008399): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005B4B): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002331): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Cobalt Canyon color palette (#EBE4DA, #85B9D5, #0B79C3, #005861, #071C47)
- Cerulean Summit color palette (#EDF9EF, #8DDBDF, #0089A0, #005344, #000F17)
- Muted Terrace color palette (#F4EEE3, #A4D0B6, #0092C5, #006C6A, #003053)
- Timeworn Onyx color palette (#F7E9E5, #70AAAE, #006080, #004121, #001C4A)
- Pine Courtyard color palette (#F6ECF5, #88CED0, #00A0CE, #00833D, #001E44)
- Worn Lagoon Courtyard color palette (#F9F4EE, #BDE9E3, #6CAFCB, #1D8C83, #255145)
- Muted Turquoise color palette (#CDEBD2, #78DEC0, #00B8CC, #537327, #002B1E)
- Faded Jade color palette (#D7ECE1, #08B873, #007640, #003A20, #000B04)
Browse the whole catalog at Explore, or see today's palette.