Petrol Loft color palette — #CDF2E5 · #006AAB · #3C4C00 · #003220 · #00090C
Peacock and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#CDF2E5): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#006AAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#3C4C00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Forest (#003220): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00090C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged jewel, vibrant, muted, 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
- Ultramarine Hollow color palette (#FEDDFD, #0056CE, #244F00, #00352C, #00060A)
- Washed Cypress color palette (#DFF6E0, #007A7E, #5F4000, #272C00, #000A05)
- Hushed Forest color palette (#D9F1FF, #0087A9, #6F6400, #145301, #001917)
- Byzantium Ridge color palette (#FFECF2, #854FA3, #00625E, #00374C, #13020E)
- Grape Summit color palette (#FFE8F2, #6A13E3, #005443, #002F37, #000518)
- Inked Corridor color palette (#F3DBE4, #572497, #00382E, #001D24, #00000A)
- Faded Harbor color palette (#FFF1F6, #A84DF8, #646500, #3F3F00, #00090B)
- Navy Lantern color palette (#EDDFEC, #003175, #262127, #071D00, #000A07)
Browse the whole catalog at Explore, or see today's palette.