Petrol Quarry color palette — #FDF0FE · #77A3D6 · #A88240 · #3367A2 · #46423B
A conversation between Peacock and Caramel, giving this palette its sense of trust and stability.
The five colors
- Blush (#FDF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Cornflower (#77A3D6): A luminous, balanced blue — the color of deep harbor water.
- Caramel (#A88240): A luminous, balanced gold — the color of old brass.
- Peacock (#3367A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#46423B): quiet, heavy and certain.
Feels like: 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
- Linen Denim color palette (#FFF0F9, #9997D9, #8C8F44, #6059A7, #44451C)
- Chalky Turquoise color palette (#E5FCEF, #3FAECF, #BF725A, #00718B, #613527)
- Gentle Garden color palette (#E6F6EF, #64AED4, #A38C28, #006D96, #302700)
- Linen Cornflower Chapel color palette (#F0F5FF, #A2B6ED, #DA915E, #5D78DA, #623513)
- Ancient Cobalt color palette (#FFF0FE, #6489C6, #AC6363, #4C7542, #443043)
- Timeworn Petal Balcony color palette (#FFF0FE, #EFD2D3, #DDBEE7, #517C97, #5F4657)
- Timeworn Boulevard color palette (#FFF1F7, #C2AC7D, #55477C, #31264B, #2A1D23)
- Petrol Bloom color palette (#FFF0FC, #9DB6EC, #556BAB, #2F3F75, #1E284F)
Browse the whole catalog at Explore, or see today's palette.