Petrol Market color palette — #ECF3F7 · #D3D5DF · #ACB8CA · #007089 · #11232C
A conversation between Teal and Midnight, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF3F7): a clean, paper-quiet neutral.
- Silver (#D3D5DF): a clean, paper-quiet neutral.
- Ash (#ACB8CA): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007089): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#11232C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Market 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
- Dusty Petrol Grove color palette (#F0F7F2, #E4D7DC, #C5ABB8, #007081, #343D37)
- Cerulean Courtyard color palette (#EEF7FB, #D9DAE5, #C0B0BB, #2C99AF, #213138)
- Softworn Bloom color palette (#EAF2FF, #CDD3E6, #A7A8C6, #224CC7, #111A29)
- Softworn Cocoa color palette (#C5E3FA, #96A5BF, #6F7398, #683918, #1A3523)
- Obsidian Drift color palette (#D8E3EE, #0067B0, #19243C, #000D1E, #000205)
- Tempered Cypress Basin color palette (#E6F6F2, #7EAD8B, #00765D, #005156, #002221)
- Wandering Abyss Harbor color palette (#D9E1E7, #AAB4C0, #808EA7, #004A66, #000C17)
- Amethyst Loft color palette (#F0F1F8, #DBD3DD, #C3BBD0, #7A49C6, #212336)
Browse the whole catalog at Explore, or see today's palette.