Petrol Archive color palette — #E6FAF6 · #85C4C8 · #007C8B · #005651 · #003A46
Built around Teal, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#E6FAF6): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#85C4C8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007C8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#003A46): 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
- Petrol Canyon color palette (#FAEDF7, #60CFD6, #007E9D, #00543B, #001C31)
- Dusty Petrol color palette (#E7F1F0, #97B5D1, #2869AF, #004B67, #162C55)
- Soft Periwinkle color palette (#E3F6FF, #A6DFFF, #47A1F4, #007179, #004457)
- Worn Denim Grove color palette (#D6E7E4, #7CA6B6, #006272, #003E3D, #00242E)
- Misty Turquoise color palette (#F6F7E1, #78EFF7, #00C0D6, #00988F, #003A46)
- Tempered Courtyard color palette (#D7E9E7, #458BA2, #00425B, #002226, #000A15)
- Byzantium Terrace color palette (#C2ECFE, #0095A7, #9233DB, #005964, #41006A)
- Soft Alley color palette (#D9F5FA, #00808E, #462EFF, #10640D, #002A2F)
Browse the whole catalog at Explore, or see today's palette.