Petrol Archive color palette — #F2EEE7 · #85BAD1 · #006FA6 · #004F53 · #0B2D58
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#F2EEE7): a clean, paper-quiet neutral.
- Ash (#85BAD1): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006FA6): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#0B2D58): A deep, shadowed, balanced blue — the color of deep harbor water.
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
- Petrol Meadow color palette (#F5EDE2, #99BC9B, #007587, #005141, #003345)
- Cobalt Garden color palette (#F1E7E0, #83BDD5, #226BBD, #004C41, #130E37)
- Cobalt Balcony color palette (#F8F4EE, #ADCDC1, #407BBA, #005E6B, #293862)
- Chalky Periwinkle color palette (#E5F3E7, #93DFFF, #5EADE3, #009097, #182E4C)
- Antique Garden color palette (#F1E8DA, #4A9DAB, #005269, #00302C, #001625)
- Hushed Basin color palette (#FFE8F2, #DBB4E2, #CF749B, #4548AE, #38254A)
- Petrol Meadow color palette (#F8F5EF, #C8E7E8, #759EC4, #007D8A, #604A5E)
- Cypress Orchard color palette (#F8F5EF, #CFE2D0, #4A97A7, #00735E, #265140)
Browse the whole catalog at Explore, or see today's palette.