Petrol Archive color palette — #EEF8F1 · #C6E0E1 · #C9B4CA · #00778A · #38433B
Teal and Rosewood Mist set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF8F1): bright and airy, almost weightless.
- Silver (#C6E0E1): A whisper-light, dusty teal — the color of glacier melt.
- Rosewood Mist (#C9B4CA): A luminous, dusty pink — the color of peonies in June.
- Teal (#00778A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#38433B): quiet, heavy and certain.
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
- Patina Cypress Villa color palette (#E9F6EB, #BDE0E3, #D4B4C9, #007A82, #1E2820)
- Petrol Balcony color palette (#F9F3F8, #EDD4D6, #D2B2BE, #3F68B2, #483B47)
- Denim Alley color palette (#E7F2EC, #BDD1CB, #B495B0, #005E77, #24312B)
- Washed Villa color palette (#F3F7EE, #CCDED7, #A8C5AE, #007E5A, #324801)
- Hushed Workshop color palette (#FAF3F6, #E2D8D6, #AFAEA1, #817CA6, #575054)
- Ancient Turquoise Lagoon color palette (#EAF8FF, #D3D9E6, #B4A8B1, #17B7D6, #33424A)
- Airy Indigo Orchard color palette (#CDEEFF, #86AAD7, #7668B9, #884D2D, #5B441B)
- Pine Veranda color palette (#F8F6E4, #77B579, #007D56, #005D5D, #254326)
Browse the whole catalog at Explore, or see today's palette.