Petrol Loft color palette — #F6E4E9 · #8EB8DD · #5765AA · #004B4C · #1D0932
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Rose Water (#F6E4E9): A whisper-light, dusty rose — the color of a warm blush.
- Sky (#8EB8DD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#5765AA): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#1D0932): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Wandering Courtyard color palette (#F1E4EF, #78C1CA, #17749D, #004E2F, #02113C)
- Weathered Thicket color palette (#E8F1EA, #97B5D2, #4266AA, #004D60, #24275A)
- Dusty Cobalt Market color palette (#FAEDF6, #99DCEC, #308AC7, #00654A, #161E51)
- Frosted Iris color palette (#FCF4E7, #BCF3E4, #6490E2, #00667F, #161744)
- Ancient Navy color palette (#F5DFE9, #5992AE, #0F4593, #002C27, #050019)
- Washed Meadow color palette (#F5F0F6, #D0D4EE, #7CA2B8, #4E7751, #24384D)
- Dusty Cerulean Harbor color palette (#D3EFF1, #00A4AF, #00686C, #002D34, #000607)
- Washed Emerald Studio color palette (#D8E3D4, #00995A, #00645D, #00373F, #001C2A)
Browse the whole catalog at Explore, or see today's palette.