Petrol Garden color palette — #F3EEE5 · #77BFC9 · #007390 · #005048 · #00324B
Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F3EEE5): bright and airy, almost weightless.
- Cyan (#77BFC9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007390): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005048): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00324B): 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 Garden 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 Alley color palette (#F9F4EC, #ACCEBA, #2A81AC, #00605F, #1D3D5B)
- Ancient Denim color palette (#EBE3D6, #6FA7C2, #005B92, #003D43, #001B4C)
- Petrol Corridor color palette (#F3E6E1, #9CBDA5, #0073A5, #004E32, #030D41)
- Ancient Iris Meadow color palette (#D0FDE5, #AFD4F5, #8E9AE5, #006E6D, #00384D)
- Muted Ash color palette (#F9F4EE, #CAE5E2, #6CA1BB, #407A76, #355149)
- Worn Basin color palette (#E9F1EA, #98E1EC, #00B6E1, #009284, #02324A)
- Antique Harbor color palette (#BDE9FF, #00A3D6, #00607D, #002E3E, #001823)
- Softworn Lagoon color palette (#F4ECE1, #519E9B, #00545D, #003123, #00171F)
Browse the whole catalog at Explore, or see today's palette.