Petrol Loft color palette — #FFF2EC · #7EB59F · #3F8199 · #7C4947 · #3E4D3B
A conversation between Slate and Coffee, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Sage (#7EB59F): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#3F8199): A full-bodied, dusty blue — the color of deep harbor water.
- Coffee (#7C4947): A full-bodied, dusty orange — the color of sun-warmed clay.
- Deep Olive (#3E4D3B): A full-bodied, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Sophistication. Tagged retro, 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
- Fern Loft color palette (#FFF3E9, #A3AE7F, #4C8376, #734969, #494C00)
- Cypress Summit color palette (#FBF4EF, #C8E9EA, #799CC3, #327C7B, #604B5B)
- Teal Parlor color palette (#F0F8F0, #4CA9A8, #886282, #73405E, #524014)
- Pewter Field color palette (#F5F7E9, #8CCBC9, #589EAF, #6B689A, #3A4D3D)
- Softworn Coast color palette (#F4F8E3, #BCCAB9, #7B988C, #955B32, #4A5201)
- Muted Denim color palette (#E3F7F4, #78B9B9, #348499, #514783, #14303A)
- Soft Denim Alley color palette (#FFF2E9, #00A197, #0065A0, #6F3000, #003D45)
- Softworn Terrace color palette (#FAF4EE, #CDBFA2, #8D833A, #547032, #624900)
Browse the whole catalog at Explore, or see today's palette.