Petrol Loft color palette — #F6EDDF · #89B7DC · #4168A2 · #004D5D · #20285B
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F6EDDF): A whisper-light, dusty gold — the color of honey in a jar.
- Sky (#89B7DC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#4168A2): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#20285B): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Wandering Petrol Atelier color palette (#F4EEE4, #79BFC3, #00758A, #005143, #003346)
- Weathered Hollow color palette (#EFE8E0, #8DC0B0, #4E63B9, #004B4B, #1E033B)
- Lilac Meadow color palette (#FFEEFE, #B5BDFF, #AE84C8, #005F82, #293455)
- Tempered Cornflower Delta color palette (#F7EBEF, #AAC8E5, #6A7DDE, #006B6E, #35224E)
- Misty Cerulean Lagoon color palette (#FCF4E8, #92DCEA, #008CB3, #006760, #004469)
- Cerulean Field color palette (#C7F0FB, #0098C5, #006799, #003F79, #102656)
- Quiet Atelier color palette (#E8F1EA, #AAD9FF, #69A5FE, #008DA8, #222A52)
- Worn Denim color palette (#E6DED2, #4B9ABA, #004E79, #002F33, #001231)
Browse the whole catalog at Explore, or see today's palette.