Petrol Terrace color palette — #E8F2E9 · #87BACB · #007589 · #005142 · #003346
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#E8F2E9): bright and airy, almost weightless.
- Ash (#87BACB): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007589): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005142): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003346): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Cerulean Corridor color palette (#EFF8F1, #A8CBDB, #36829F, #006059, #123E5B)
- Patina Petrol color palette (#EDE7ED, #84BFC3, #00759B, #004F27, #001436)
- Chalky Terrace color palette (#F4EDE3, #98E2E6, #00B8D6, #00937A, #003346)
- Hushed Cypress Meadow color palette (#F1F7F2, #D2DFEF, #6CA2B5, #397C71, #3B566A)
- Cerulean Corridor color palette (#D9E8DC, #3D8CA0, #00425C, #002221, #000A17)
- Faded Navy Drift color palette (#E6F3E9, #6195BF, #00439D, #002E39, #0A0740)
- Plum Boulevard color palette (#EDE5FF, #A5339C, #735B00, #005763, #320E2F)
- Aubergine Corridor color palette (#DFDAF4, #B96AC1, #00812A, #62006B, #00330B)
Browse the whole catalog at Explore, or see today's palette.