Petrol Loft color palette — #F9F4EF · #C8E3DC · #7588BE · #006F7E · #484266
Teal and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F9F4EF): a clean, paper-quiet neutral.
- Silver (#C8E3DC): A whisper-light, dusty teal — the color of glacier melt.
- Slate Blue (#7588BE): A luminous, balanced violet — the color of wild irises.
- Teal (#006F7E): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#484266): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Muted Cornflower Lantern color palette (#FEF3E8, #A9D4F7, #517AD9, #00656F, #3D3571)
- Timeworn Periwinkle color palette (#F3F6EF, #BDE6EC, #7FA6E0, #4482A5, #583D54)
- Ancient Grove color palette (#EBF4F4, #C6DFF9, #638FCB, #05668E, #1F2C41)
- Dusty Cypress color palette (#FCF3EE, #CBE4CE, #4696B0, #007452, #255146)
- Cypress Atelier color palette (#FAF4F0, #CBE7E5, #73A596, #008076, #63485F)
- Cerulean Orchard color palette (#FCF1FD, #E8D6D5, #E6BADA, #0D849F, #5E4858)
- Frosted Orchard color palette (#D1F8DC, #5AB0D0, #117DB6, #3655A3, #46466E)
- Dusty Cerulean color palette (#FBF3F0, #AFCEB5, #0084AA, #00624A, #1A3D5D)
Browse the whole catalog at Explore, or see today's palette.