Petrol Archive color palette — #EDF8F7 · #DBDCE7 · #81A9DB · #24789E · #192D54
Built around Slate, softened by Cornflower — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF8F7): a clean, paper-quiet neutral.
- Silver (#DBDCE7): bright and airy, almost weightless.
- Cornflower (#81A9DB): A luminous, balanced blue — the color of deep harbor water.
- Slate (#24789E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#192D54): A deep, shadowed, dusty violet — the color of wild irises.
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
- Antique Dune color palette (#E4FBF9, #D0DCF1, #00A5EB, #006F83, #002743)
- Petrol Courtyard color palette (#E1F2F0, #81C2D5, #007292, #003D42, #000306)
- Wandering Corridor color palette (#FBF2F5, #CDE3F8, #95B0F2, #009DB0, #3A3559)
- Patina Azure color palette (#E9F8FF, #6BCDFF, #0099DF, #005E9C, #132C50)
- Wandering Lagoon color palette (#EFF6FF, #73A7F6, #BB7BBF, #00918E, #071B34)
- Softworn Azure color palette (#EFF6FF, #DAD8E2, #B9ADA6, #69A1D3, #23324D)
- Cobalt Bloom color palette (#F8F0E8, #A7CCEC, #5678C9, #005A64, #1F1A3D)
- Cobalt Summit color palette (#EEF6FF, #8FC3FF, #E77EB3, #1A77D0, #45102E)
Browse the whole catalog at Explore, or see today's palette.