Petrol Terrace color palette — #EFE6EC · #74C3C0 · #00788C · #004E2C · #001827
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Blush (#EFE6EC): a clean, paper-quiet neutral.
- Mint Leaf (#74C3C0): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E2C): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#001827): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Aged Cobalt color palette (#F2E5EC, #84BDD4, #006FB5, #004C48, #091136)
- Aqua Harbor color palette (#E1F3EF, #66C3C1, #00777E, #005146, #00353C)
- Aged Denim color palette (#E6DCE3, #5FA9BA, #005F87, #003A31, #000921)
- Tempered Pier color palette (#F8EFF4, #95DCF2, #008BD0, #006359, #0E224D)
- Ancient Teal Ridge color palette (#F5F6ED, #A6F6F4, #00A5AF, #006B5D, #002329)
- Timeworn Turquoise Delta color palette (#F6F0F4, #D1D3E9, #4FAAC5, #44775F, #273847)
- Powdered Fuchsia color palette (#D8EAFF, #C1B6FF, #DC7BC1, #006D88, #0E1A32)
- Abyss Orchard color palette (#F1E5ED, #45838E, #00415A, #002018, #000105)
Browse the whole catalog at Explore, or see today's palette.