Petrol Archive color palette — #F0F7F3 · #CFDCDC · #A4B9B2 · #2C6D81 · #303E36
Built around Teal, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Silver (#CFDCDC): bright and airy, almost weightless.
- Ash (#A4B9B2): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#2C6D81): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#303E36): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Tempered Ridge color palette (#EDF4EF, #CBD9DB, #C5B0C0, #007182, #18231C)
- Cerulean Field color palette (#EFF6FA, #D6D9E3, #C0BBD4, #0090A6, #313D42)
- Worn Summit color palette (#FAF3F7, #E0D7D7, #B1ACA3, #96778D, #594F56)
- Antique Pewter color palette (#FCF2F6, #E5D5D3, #D1B3B9, #725BA0, #503742)
- Muted Abyss color palette (#E3F1EB, #ACBEB8, #9B869C, #004B67, #12231D)
- Dusty Spruce Lantern color palette (#F4F8E3, #95A17A, #337058, #10574F, #2F3B00)
- Antique Canyon color palette (#F5ECEE, #D5C8CB, #B2999C, #683E88, #39282E)
- Charred Petrol Pier color palette (#D9EEE7, #0067A7, #311E30, #031813, #000506)
Browse the whole catalog at Explore, or see today's palette.