Petrol Loft color palette — #DBF7EF · #006CB5 · #5C5C00 · #003A65 · #060600
Royal Blue takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DBF7EF): A whisper-light, dusty teal — the color of sea glass.
- Royal Blue (#006CB5): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#5C5C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#003A65): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#060600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, 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
- Chestnut Grove color palette (#DDF0E8, #0071A0, #864400, #003D58, #0E0300)
- Chalky Navy color palette (#E0ECFF, #4260CB, #6A5000, #0F0088, #020100)
- Denim Basin color palette (#DDEAF5, #005E8C, #525000, #244800, #000205)
- Tempered Grape color palette (#F0E1E8, #7047CF, #426400, #41008F, #030700)
- Hazy Ultramarine Lantern color palette (#E3ECFB, #2128D8, #503B00, #09006C, #090500)
- Misty Raspberry color palette (#FFE4FA, #B395DD, #C75D74, #005C6D, #0C052A)
- Byzantium Garden color palette (#EFDFE3, #A540CB, #007863, #690088, #00140E)
- Sapphire Veranda color palette (#D8F2E5, #887C00, #2A55FF, #1A011A, #040103)
Browse the whole catalog at Explore, or see today's palette.