Petrol Basin color palette — #F1EDCE · #549473 · #006D8E · #5D2C28 · #420004
Peacock takes the lead with Espresso close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F1EDCE): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#549473): A luminous, balanced teal — the color of glacier melt.
- Peacock (#006D8E): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#5D2C28): A deep, shadowed, dusty orange — the color of toasted spice.
- Espresso (#420004): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Basin 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
- Garnet Corridor color palette (#F9EBDB, #819556, #006A66, #612237, #300A17)
- Quiet Station color palette (#DFEEDC, #0BA293, #005BA9, #5F3700, #311900)
- Aged Lagoon color palette (#D2F1DA, #248F86, #005264, #411439, #34030F)
- Quiet Brick Grove color palette (#E0F5E1, #00888C, #C0021A, #005052, #260001)
- Emerald Dune color palette (#F4ECD6, #539648, #006150, #3F3900, #021500)
- Mint Dune color palette (#E9F2D3, #51CAB0, #4F92C6, #8E4A33, #592C1D)
- Lagoon Bloom color palette (#D9EAD6, #00896F, #005F5F, #003D4D, #001322)
- Muted Pier color palette (#D9E8D2, #479BC9, #7D619C, #4C4D19, #322A07)
Browse the whole catalog at Explore, or see today's palette.