Petrol Loft color palette — #EFF7F2 · #CADEDE · #A5C4B8 · #00778C · #2F4638
Teal and Stone set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EFF7F2): a clean, paper-quiet neutral.
- Silver (#CADEDE): A whisper-light, dusty teal — the color of shallow lagoons.
- Stone (#A5C4B8): A luminous, dusty teal — the color of glacier melt.
- Teal (#00778C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#2F4638): A deep, shadowed, dusty teal — the color of sea glass.
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
- Wandering Cobalt color palette (#EDF8F5, #EBD8DE, #CDB3C7, #006EB5, #28473F)
- Timeworn Denim color palette (#EAF0ED, #C3CFCA, #87A9A0, #005E79, #1C3329)
- Tempered Canyon color palette (#ECF7FC, #D5D9E9, #C0BCDE, #0097A8, #2E434C)
- Pine Garden color palette (#F5F7E4, #7EB18B, #007D54, #005F52, #1A4528)
- Driftwood Cabin color palette (#FAF3F6, #DFD7D6, #B0ADA3, #827AAB, #585054)
- Petrol Canyon color palette (#CBE6DD, #006FA7, #132B49, #001E16, #00090A)
- Worn Loft color palette (#E7EFEC, #C1B4C0, #9D8698, #004779, #0D241F)
- Cocoa Villa color palette (#D8E2FF, #CAA0B6, #9073AD, #80474F, #6A3600)
Browse the whole catalog at Explore, or see today's palette.