Petrol Archive color palette — #F4E6DF · #83BECB · #0072AA · #004E36 · #060B43
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F4E6DF): bright and airy, almost weightless.
- Ash (#83BECB): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E36): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#060B43): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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 Summit color palette (#F0E7E0, #92BEB0, #4D61C0, #004B4B, #1D0636)
- Hushed Petrol Market color palette (#F4EDE3, #7DBDC9, #007392, #005049, #00314C)
- Softworn Cobalt Archive color palette (#F7F0ED, #ABD2BD, #517FAF, #005D4C, #1A1A45)
- Washed Canyon color palette (#EDDFD5, #73A4BE, #2453AA, #003A35, #0D002A)
- Washed Spruce color palette (#F7EAE6, #4A9997, #005266, #002F09, #00040E)
- Ancient Cypress Terrace color palette (#F7F1EB, #C5E4DB, #7D8ABE, #006C6E, #40202E)
- Byzantium Coast color palette (#E8F3DC, #16956E, #973DA9, #00543C, #220028)
- Fern Terrace color palette (#ECF2CD, #9AD5D8, #7EA6E0, #5C5E00, #001D1A)
Browse the whole catalog at Explore, or see today's palette.