Petrol Loft color palette — #D8ECF9 · #006EAA · #004B8A · #002556 · #00002A
Peacock and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D8ECF9): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006EAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#004B8A): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002556): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#00002A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Charred Onyx color palette (#C7ECF6, #006893, #00305E, #07004A, #09001F)
- Aged Petrol Veranda color palette (#C6E6EA, #007587, #005365, #002633, #00080E)
- Orchid Chapel color palette (#E3EDFF, #9E8FE8, #A368D3, #26478F, #0B0528)
- Sapphire Meadow color palette (#E7F1FF, #005DE1, #A10057, #00317F, #130006)
- Aged Nightshade color palette (#CDE2FE, #1861D9, #2300D1, #19006C, #0B0033)
- Ultramarine Balcony color palette (#E8F1FF, #1C38DF, #820078, #00464A, #000010)
- Chalky Ridge color palette (#E1EDFF, #6593FD, #4E57F9, #4339A4, #2F2859)
- Washed Aubergine color palette (#E5E6FF, #7247D2, #5E00AB, #360054, #12001D)
Browse the whole catalog at Explore, or see today's palette.