Petrol Quarry color palette — #DBEDF6 · #006B81 · #5C4C00 · #312700 · #000102
Peacock and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DBEDF6): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#006B81): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#5C4C00): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#312700): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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
- Cocoa Thicket color palette (#DAEBF8, #006792, #862A00, #00311E, #000103)
- Tempered Orchard color palette (#C3E6EE, #006E69, #8D0052, #2D2900, #000201)
- Cellar Thicket color palette (#D3F6EA, #004870, #4C2F00, #2A1800, #00050C)
- Powdered Aubergine Meadow color palette (#D9EDFA, #006989, #6500B0, #451800, #000102)
- Dusty Ultramarine color palette (#DFE6F4, #3D45D9, #674600, #003029, #00000B)
- Chalky Amethyst Parlor color palette (#E8EEFF, #704EEB, #536A00, #003D5A, #010009)
- Orchid Coast color palette (#F4F4FF, #A965DC, #A86300, #005B4C, #070419)
- Muted Balcony color palette (#D4E7F7, #2A96E2, #A32E00, #605500, #000604)
Browse the whole catalog at Explore, or see today's palette.