Petrol Archive color palette — #FFF2EA · #ECD1B0 · #A0A36E · #267088 · #2D4365
Teal and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Wheat (#ECD1B0): A whisper-light, dusty gold — the color of old brass.
- Sage (#A0A36E): A luminous, dusty green — the color of fresh herbs.
- Teal (#267088): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#2D4365): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Patina Petrol color palette (#FFF4DD, #DFDBB9, #7DA78B, #646EA1, #402C4E)
- Aged Driftwood Boulevard color palette (#FFDDD0, #BF9F76, #7C7A4A, #3E5767, #3D395A)
- Timeworn Cypress Alley color palette (#FFF2F0, #EECCBD, #B69879, #2F7F6B, #284935)
- Ancient Cerulean color palette (#FFF3E7, #DDE2C1, #B4B287, #5D7EA0, #624959)
- Hushed Olive color palette (#FFDDC8, #B39E75, #6B7B40, #004A66, #0B103B)
- Antique Navy color palette (#EDDDC9, #918D53, #3D6837, #072968, #09001C)
- Weathered Taupe color palette (#FFDBDD, #E7BEA3, #ABA963, #8C80B1, #593D4B)
- Antique Pier color palette (#FBF4EA, #BDE5EF, #5DB3D2, #008075, #02324C)
Browse the whole catalog at Explore, or see today's palette.