Petrol Archive color palette — #E5F1F1 · #95B5D4 · #316AAA · #004B67 · #162C56
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E5F1F1): a clean, paper-quiet neutral.
- Ash (#95B5D4): A luminous, dusty blue — the color of open sky before noon.
- Slate (#316AAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004B67): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#162C56): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Patina Workshop color palette (#E4F2EF, #88BACC, #007585, #00504C, #003440)
- Wandering Loft color palette (#F3E5E9, #96B7D6, #3D62C9, #004A52, #160B38)
- Cornflower Balcony color palette (#F4EDE7, #9ECAEF, #5F81DB, #006A76, #2D274F)
- Hazy Periwinkle Bloom color palette (#ECF1E4, #ADD8FF, #63A7F8, #008AB9, #1C2D4E)
- Softworn Cerulean color palette (#E9F9F7, #A6D6EC, #008DAC, #006669, #00465E)
- Denim Grove color palette (#DAF1EE, #6697AD, #005072, #002F37, #001527)
- Hushed Drift color palette (#C6E6DE, #648D40, #00749A, #305400, #002D3F)
- Antique Olive color palette (#D2EDE5, #5A7700, #006D69, #733D00, #192400)
Browse the whole catalog at Explore, or see today's palette.