Petrol Archive color palette — #F9F4EF · #CDE4E7 · #8399C6 · #007D8A · #644958

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Silver (#CDE4E7): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#8399C6): A luminous, dusty violet — the color of wild irises.
• Teal (#007D8A): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#644958): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, 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

• Softworn Parlor color palette (#F4F6EF, #C7E7EB, #85B5EC, #578EA9, #604A5E)
• Wandering Cypress color palette (#FBF3F0, #CEE4DF, #6BA2B7, #3B7D63, #325249)
• Wandering Dune color palette (#FFF1F6, #E4D9D3, #CFC496, #7384AD, #644C50)
• Washed Alley color palette (#FFF1F5, #A68ABD, #7D944A, #528553, #553942)
• Muted Petrol Garden color palette (#F8ECE5, #85BBCA, #0670A1, #005146, #0B2B5F)
• Antique Abyss color palette (#F6E9E2, #619B9E, #005267, #003121, #001527)
• Pewter Loft color palette (#FFF0FE, #A3A7D9, #8B7ABC, #7F4C8B, #6C4447)
• Indigo Veranda color palette (#FFF1F6, #B6A7D4, #7AA772, #7F5EB1, #4D4E46)

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