Petrol Archive color palette — #EEE8DD · #63B1B2 · #007384 · #004C3B · #001720
A conversation between Teal and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Parchment (#EEE8DD): bright and airy, almost weightless.
- Turquoise (#63B1B2): A luminous, dusty teal — the color of sea glass.
- Teal (#007384): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001720): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Wandering Petrol color palette (#E5DFD6, #76BECE, #0080A8, #005A55, #002139)
- Tempered Petrol color palette (#DBF5EF, #82C4C6, #007580, #003E38, #000304)
- Wandering Denim Archive color palette (#F5EDE0, #549CBE, #005C94, #003B40, #000720)
- Tempered Cerulean Drift color palette (#F3EEE5, #92D2CF, #0098A6, #006F52, #003442)
- Quiet Pier color palette (#EFF3DF, #65CCA9, #009FAE, #4B6300, #001F10)
- Faded Emerald color palette (#D6E8DB, #00A04D, #006A38, #00321D, #000301)
- Hushed Periwinkle color palette (#FAF4EB, #B8E1FF, #579CF7, #007F96, #303C69)
- Tempered Olive Market color palette (#E8E8D0, #6B8300, #395F00, #003E0C, #00160A)
Browse the whole catalog at Explore, or see today's palette.