Petrol Archive color palette — #DFECEB · #96B7D5 · #2D6DAF · #004760 · #001339
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#DFECEB): bright and airy, almost weightless.
- Ash (#96B7D5): A luminous, dusty blue — the color of open sky before noon.
- Slate (#2D6DAF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004760): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001339): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Archive 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
- Hushed Petrol Courtyard color palette (#DEEDEA, #94BAC7, #007987, #004C46, #001A20)
- Ancient Sapphire color palette (#F4EDE6, #8DB7D8, #3460C7, #004F56, #2B284C)
- Worn Cornflower color palette (#EDF0E6, #A2C9EB, #3088E4, #00668A, #162C55)
- Hushed Abyss color palette (#D6E8E4, #51808F, #00444C, #00201C, #000202)
- Feathered Plum Canyon color palette (#FFE3EC, #B26D00, #9E3A9E, #653B00, #240024)
- Chestnut Corridor color palette (#F8E2EA, #9E8059, #7A4700, #4E2400, #001304)
- Soft Villa color palette (#E0F6E2, #E3CF8D, #A2A559, #885200, #001E09)
- Mulberry Orchard color palette (#F3DCE4, #995A00, #446C00, #8C004B, #140700)
Browse the whole catalog at Explore, or see today's palette.