Petrol Loft color palette — #E8FAF6 · #6BC9CA · #007D86 · #00574D · #003A44
Teal and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E8FAF6): a clean, paper-quiet neutral.
- Aqua (#6BC9CA): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007D86): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#003A44): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Petrol Drift color palette (#FCEDF7, #65CFD0, #007F98, #005436, #001C2E)
- Washed Denim color palette (#E0EFEC, #69ABB1, #006370, #003E3B, #00242D)
- Soft Orchard color palette (#E2FBFA, #85BFE6, #0072B9, #005269, #003266)
- Chalky Turquoise color palette (#F6F7DE, #64F2F5, #00C1D0, #00998A, #003A44)
- Worn Cerulean color palette (#FFF2EC, #73DFE0, #009CBA, #00764C, #003754)
- Softworn Cerulean color palette (#DEEEEC, #4B8A9E, #004359, #002226, #000B14)
- Tempered Lime Archive color palette (#DDFFE7, #D3CE8F, #96B753, #7D5600, #403800)
- Mulberry Studio color palette (#EBE1D1, #916900, #00792F, #9C002E, #312100)
Browse the whole catalog at Explore, or see today's palette.