Petrol Archive color palette — #F7F2E0 · #5EACA8 · #5268A3 · #4A4A00 · #022B19

Slate takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7F2E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#5EACA8): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#5268A3): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#4A4A00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#022B19): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Calm, Sophistication. Tagged retro, muted, cool.

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

• Cocoa Cabin color palette (#FFEEE4, #67AD89, #26739B, #742D08, #13290F)
• Ancient Forest Lagoon color palette (#F1F4E5, #76B6CE, #806DA3, #2F5F2D, #362537)
• Worn Field color palette (#FFF4E2, #44A1D8, #5A60AF, #763B19, #473748)
• Lagoon Harbor color palette (#F5F2E7, #B0B891, #27867A, #315F53, #262A13)
• Wandering Basalt color palette (#D9F9E2, #A3B7A9, #728E82, #635C2F, #324000)
• Faded Iris Studio color palette (#E5FCEC, #31C7D5, #797AD5, #766201, #264052)
• Nightshade Courtyard color palette (#CFE7D1, #009196, #3B39BB, #003D11, #00151E)
• Feathered Mulberry color palette (#E5EDD2, #6F88C6, #8B376E, #00423F, #1B0F32)

Browse the whole catalog at Explore, or see today's palette.