Petrol Quarry color palette — #E8EAE0 · #97BEA9 · #12749B · #004A53 · #001828
Slate takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#E8EAE0): a clean, paper-quiet neutral.
- Sage (#97BEA9): A luminous, dusty teal — the color of glacier melt.
- Slate (#12749B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004A53): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001828): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, 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
- Muted Cobalt color palette (#F1F3EB, #A2D4C0, #3882B7, #00586D, #2D1630)
- Hushed Delta color palette (#F5EBF1, #8CB8D2, #006DAD, #00504B, #1A2A58)
- Softworn Denim Station color palette (#E8EEDD, #74A1C9, #1A589C, #00364C, #00052B)
- Ancient Navy color palette (#E0E4D6, #4F7E9E, #003D6A, #001E29, #000105)
- Hushed Petrol color palette (#F1F3EB, #C7DFDF, #78A897, #327585, #1D3D35)
- Weathered Hollow color palette (#F6D9E7, #7053BF, #9A325D, #00546D, #0D0324)
- Wisteria Parlor color palette (#FFE3EE, #DAB6E8, #CD8EC5, #5D5192, #251335)
- Softworn Nightshade color palette (#F5DEEC, #746FD9, #007C73, #4028A4, #001614)
Browse the whole catalog at Explore, or see today's palette.