Petrol Archive color palette — #E2F2F1 · #98B6CB · #006FA4 · #004D5D · #003054
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#E2F2F1): a clean, paper-quiet neutral.
- Ash (#98B6CB): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006FA4): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#003054): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
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
- Weathered Cobalt color palette (#ECF8F8, #ACC9E2, #427BB8, #005B79, #223A62)
- Cypress Study color palette (#E3F2EE, #83BEB9, #007779, #005142, #00353A)
- Airy Parlor color palette (#F4E4EB, #92B9D4, #006AC6, #004B4B, #0D0F39)
- Periwinkle Archive color palette (#EDF0E3, #9EDDFF, #3DAEF5, #008DA9, #13304B)
- Dusty Abyss color palette (#DCEBE9, #6996AC, #005268, #002F33, #001622)
- Weathered Petrol Coast color palette (#EFF7F7, #D7DBEC, #739EC5, #237995, #40546C)
- Wandering Navy Market color palette (#DEECEB, #5B84AE, #003880, #002030, #01002F)
- Muted Drift color palette (#D3EDDC, #00AA76, #007158, #004D40, #003933)
Browse the whole catalog at Explore, or see today's palette.