Petrol Terrace color palette — #E2F3F0 · #81BDC5 · #007588 · #00504E · #003442
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E2F3F0): a clean, paper-quiet neutral.
- Ash (#81BDC5): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Softworn Petrol Cabin color palette (#F1E5EE, #63C4D0, #007699, #004D3A, #00172E)
- Aged Cerulean color palette (#EBF9F7, #9FCDE3, #0085A7, #005F65, #203E52)
- Periwinkle Alley color palette (#E4F5FF, #9ED7FF, #5399EF, #006E7E, #1A3547)
- Misty Sapphire Quarry color palette (#E6F1F1, #8FB5DD, #2064C3, #004B6B, #1C2B54)
- Wandering Turquoise color palette (#BCECFF, #00A8CD, #005E75, #00313D, #00171F)
- Muted Turquoise color palette (#EFF7F6, #D2DEF0, #51A6C0, #347B7E, #425562)
- Quiet Grape color palette (#CAE7F9, #007794, #6138CB, #005D36, #002333)
- Hazy Byzantium color palette (#C5E3F6, #008CB0, #9E27B7, #005167, #3D1247)
Browse the whole catalog at Explore, or see today's palette.