Petrol Archive color palette — #F8EAF2 · #75BDD4 · #006EA7 · #005049 · #172B57
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F8EAF2): a clean, paper-quiet neutral.
- Cyan (#75BDD4): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006EA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#172B57): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Weathered Petrol color palette (#E8EBDD, #7EBED4, #00759B, #004A52, #001827)
- Hushed Boulevard color palette (#E5F2F0, #82D1EC, #0093C2, #006A76, #01324B)
- Tempered Hollow color palette (#EFDDE3, #72A5CC, #274FAF, #003D43, #1E1644)
- Dusty Corridor color palette (#FFF1F5, #ADD2F8, #5B75E1, #006473, #413863)
- Antique Cabin color palette (#F7E8F3, #559CA4, #00516A, #003124, #00152A)
- Weathered Ash Lantern color palette (#FAF3F6, #D7DFF0, #739DC7, #387B77, #485366)
- Bronze Market color palette (#F1D5E2, #BF6200, #007981, #713700, #003033)
- Tempered Coast color palette (#F1E0E7, #5587A7, #003586, #002224, #08002A)
Browse the whole catalog at Explore, or see today's palette.