Petrol Archive color palette — #F4EDE6 · #92B5D7 · #4D63A9 · #004E59 · #2F2356
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F4EDE6): a clean, paper-quiet neutral.
- Sky (#92B5D7): A luminous, dusty blue — the color of deep harbor water.
- Slate (#4D63A9): A full-bodied, balanced violet — the color of wild irises.
- Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#2F2356): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, 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
- Washed Loft color palette (#F8ECE5, #96BCA6, #176FA2, #005048, #132A5C)
- Ancient Petrol Villa color palette (#DEEDEC, #9CB6D1, #356BB2, #004764, #03103C)
- Ash Studio color palette (#FAE5FC, #BAB8F2, #BA80AB, #00707F, #2F3459)
- Cobalt Courtyard color palette (#FEF3EC, #93DBEE, #0089C3, #00685A, #253F69)
- Hazy Navy color palette (#CCF0F6, #00A0C8, #00649E, #002E89, #242155)
- Frosted Periwinkle Workshop color palette (#E9F1E8, #B7D7F7, #7F9EFF, #008EA1, #2F2553)
- Feathered Navy color palette (#EDDBCD, #5998B8, #00498B, #003030, #0C0146)
- Gentle Canyon color palette (#D3E4FF, #7390E3, #3049A5, #161873, #000D3E)
Browse the whole catalog at Explore, or see today's palette.