Petrol Loft color palette — #EFF6FA · #D5D9E5 · #9FB6CC · #006F88 · #303D43
Built around Teal, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF6FA): a clean, paper-quiet neutral.
- Silver (#D5D9E5): a clean, paper-quiet neutral.
- Ash (#9FB6CC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#006F88): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#303D43): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Loft 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
- Hushed Cerulean Meadow color palette (#F0F7F2, #C8DFE2, #D2C2CE, #428C9A, #353D37)
- Ultramarine Pier color palette (#EFF6FF, #C8D3EA, #A3A1D0, #2D52B0, #273346)
- Tempered Quarry color palette (#F2F5FB, #DBD8E0, #B9A7A9, #767FAA, #4F535A)
- Abyss Balcony color palette (#E3ECF2, #AFBBC5, #7B90A9, #004B66, #10212D)
- Wandering Atelier color palette (#D6E6FF, #9C9FC8, #7C6B98, #7A4753, #553D52)
- Aged Cypress Lagoon color palette (#E7FAF7, #72AA84, #007552, #22535A, #1D3B3A)
- Periwinkle Parlor color palette (#ECF7FF, #6CDCFF, #30AFFC, #4973C5, #19324B)
- Aubergine Courtyard color palette (#DCDFE7, #9598AE, #6D6C8F, #2C0574, #060813)
Browse the whole catalog at Explore, or see today's palette.