Petrol Archive color palette — #F3E4EF · #78C0CF · #0072A9 · #004E35 · #0A1332
Slate and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F3E4EF): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#78C0CF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0072A9): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E35): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#0A1332): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. 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
- Timeworn Lantern color palette (#FBEEF5, #97D2E6, #3E7FBF, #005D4B, #161F38)
- Patina Petrol color palette (#E3F2F0, #8EB8CC, #00748E, #004F52, #003345)
- Patina Ultramarine Market color palette (#F7E9F0, #57A6CF, #2051B0, #003A35, #0C0226)
- Tempered Market color palette (#F7EFF4, #D5D2E9, #77A1C6, #457665, #2D3649)
- Washed Lagoon Delta color palette (#EDDFED, #009D9F, #005168, #002E0E, #00040F)
- Ancient Drift color palette (#EBDAE2, #0084AB, #003978, #00201A, #01000A)
- Worn Jade color palette (#CAE6D9, #00B083, #006B52, #002E1F, #000704)
- Feathered Periwinkle color palette (#CAF2EF, #4BD8CF, #6BA5F1, #6C5A00, #002226)
Browse the whole catalog at Explore, or see today's palette.