Petrol Loft color palette — #E8EBDD · #9ABDAB · #0074A0 · #004A55 · #001829
Built around Slate, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Parchment (#E8EBDD): a clean, paper-quiet neutral.
- Sage (#9ABDAB): A luminous, dusty teal — the color of sea glass.
- Slate (#0074A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004A55): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001829): A deep, shadowed, dusty 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 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
- Dusty Cobalt color palette (#F1F3EB, #ADD1C3, #3282BE, #00586F, #012042)
- Wandering Petrol Garden color palette (#F6EBF1, #81BBD2, #006CB2, #00504C, #1E2B54)
- Denim Orchard color palette (#E5EBDC, #7BA0C4, #0055AD, #00364D, #00032F)
- Muted Petrol Archive color palette (#F1F3EC, #C6E1E1, #78A898, #15778D, #1B3D35)
- Patina Workshop color palette (#E0E1D5, #3F98A5, #005263, #002C2C, #000509)
- Softworn Mulberry color palette (#EBD8E3, #645CB5, #A0226A, #005568, #0A012A)
- Aubergine Studio color palette (#FFE5F3, #7B72C5, #007B77, #4A00B6, #001615)
- Sunlit Study color palette (#FFE2EC, #DDBAE8, #CF88C2, #644EA4, #2B0816)
Browse the whole catalog at Explore, or see today's palette.