Petrol Terrace color palette — #F1E7DF · #8ABBD8 · #4768AF · #004C47 · #19063B
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#F1E7DF): bright and airy, almost weightless.
- Sky (#8ABBD8): A luminous, dusty blue — the color of open sky before noon.
- Slate (#4768AF): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#19063B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Terrace 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
- Weathered Petrol color palette (#F6E5DF, #9ABEA2, #1E739D, #004E30, #041239)
- Washed Cobalt Lagoon color palette (#F7F1E9, #A9D2C5, #6877B8, #005B5D, #27163C)
- Aged Lantern color palette (#FAECE7, #61AAAE, #006180, #003C1C, #000921)
- Sunlit Boulevard color palette (#EBE5CF, #909621, #773E9A, #484B00, #1E002F)
- Hushed Studio color palette (#F7F1EB, #C9E2E4, #8B9AC8, #2C7877, #482D39)
- Aged Lagoon color palette (#F8E9E5, #3C8685, #004254, #002106, #000104)
- Airy Turquoise Garden color palette (#F1EBCF, #A6D9B6, #4AB3D7, #7B5200, #061F00)
- Faded Garden color palette (#FDE7D4, #937A00, #535D00, #114400, #00180B)
Browse the whole catalog at Explore, or see today's palette.