Petrol Quarry color palette — #FFF4E2 · #6FC7D8 · #00799C · #005650 · #003656
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sky (#6FC7D8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00799C): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#003656): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Weathered Cobalt color palette (#FFEEE5, #64CCDF, #0079B2, #005439, #071149)
- Dusty Canyon color palette (#FCF4E8, #89BFE5, #006BD1, #005462, #1A257A)
- Tempered Cobalt color palette (#FCF4E7, #ACD9CC, #517ECA, #006379, #333A6E)
- Weathered Parlor color palette (#F5ECDE, #84A993, #005F83, #003E3D, #00213C)
- Softworn Canyon color palette (#E6FCEA, #86EBFF, #00BBF0, #00988F, #003656)
- Azure Parlor color palette (#FFF0FB, #7DDBEE, #0095DD, #007654, #1D2C69)
- Worn Cypress color palette (#F8F5EF, #CDE3E1, #759FBB, #1D7D80, #614963)
- Frosted Navy Studio color palette (#F3EDE3, #5F96BC, #00488F, #002E38, #060148)
Browse the whole catalog at Explore, or see today's palette.