Petrol Quarry color palette — #F4E6DE · #9DBD9C · #00788C · #004E2C · #001827
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F4E6DE): a clean, paper-quiet neutral.
- Sage (#9DBD9C): A luminous, dusty green — the color of new leaves after rain.
- 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, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Quarry 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
- Timeworn Petrol Hollow color palette (#F5E6DC, #80BED2, #0072AB, #004C44, #031239)
- Softworn Cerulean Quarry color palette (#FCEFE9, #B2D1B7, #2088A8, #005E44, #00223C)
- Timeworn Cypress Studio color palette (#F8F0EC, #CAE3DD, #80A692, #3F785F, #213C35)
- Timeworn Chapel color palette (#DCF4DB, #9FD1E8, #989AD4, #12704B, #002329)
- Muted Teal color palette (#EAF9F5, #B3EAFF, #00A6AD, #006B5C, #002329)
- Aged Lagoon color palette (#F4E5DE, #3D848F, #004159, #002018, #000105)
- Aged Lagoon color palette (#F7F0EC, #C6E5D5, #6B92B5, #006D68, #3A2336)
- Soft Brick color palette (#DDEEDB, #00928D, #BC2F26, #00524F, #2B0000)
Browse the whole catalog at Explore, or see today's palette.