Petrol Archive color palette — #FAF1E0 · #52ADAD · #396DA9 · #5C4100 · #062A19

Slate and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAF1E0): A whisper-light, dusty gold — the color of old brass.
• Turquoise (#52ADAD): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#396DA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#5C4100): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#062A19): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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

• Muted Denim Pier color palette (#EEF4EA, #47A086, #6A5799, #613400, #002518)
• Dusty Fern color palette (#F5F3E0, #79B5D0, #7472A4, #51570A, #11332C)
• Garnet Chapel color palette (#FFEEE6, #77AA85, #0D7887, #7B231A, #18280A)
• Dusty Cobalt Pier color palette (#F1F8E7, #48A2CF, #2D6AB4, #683969, #22453B)
• Ultramarine Hollow color palette (#F1E8C5, #008EA7, #3729D2, #383200, #001421)
• Washed Lantern color palette (#ECFAEB, #34C7D3, #5B85D1, #85581A, #29404E)
• Ancient Lagoon Orchard color palette (#F6F2E4, #B5B78F, #458466, #1E5F68, #29290F)
• Timeworn Cobalt Workshop color palette (#DFEFE9, #007EB5, #3D2A38, #001B13, #030804)

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