Petrol Garden color palette — #F1E7E1 · #83BDD0 · #2A71A0 · #004C45 · #03123A
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F1E7E1): bright and airy, almost weightless.
- Ash (#83BDD0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#2A71A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#03123A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Dusty Station color palette (#F2E6E0, #9FBD9D, #00788B, #004E2A, #001826)
- Aged Chapel color palette (#F9F0E8, #AED1C1, #477FBA, #005B5A, #161C43)
- Quiet Denim color palette (#EEE2D7, #6EA3C9, #2952A9, #00393E, #0B002C)
- Tempered Delta color palette (#D5ECE6, #009DA0, #006278, #003754, #001434)
- Patina Dune color palette (#C8F0DB, #9AC2FA, #B395D3, #00645B, #00241D)
- Azure Hollow color palette (#C8E8FF, #44A1DF, #006291, #002C45, #00050A)
- Wandering Harbor color palette (#EBDDD6, #4E979E, #005169, #002D20, #00040D)
- Bronze Thicket color palette (#D5E8DD, #008DAC, #A64F00, #004F61, #210B00)
Browse the whole catalog at Explore, or see today's palette.