Petrol Loft color palette — #D6ECE5 · #006DB1 · #5B5D00 · #003B62 · #060600
Royal Blue and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D6ECE5): A whisper-light, dusty teal — the color of shallow lagoons.
- Royal Blue (#006DB1): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#5B5D00): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#003B62): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#060600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Feathered Sapphire color palette (#D4E3F6, #2064D2, #744B00, #002664, #020100)
- Terracotta Basin color palette (#D4E5DC, #007396, #8D3D00, #003E53, #0F0300)
- Dusty Nightshade color palette (#F0D5E8, #4F57CF, #615A00, #2800A2, #070600)
- Navy Archive color palette (#D6E2F1, #004CA6, #004B2F, #001E4A, #000803)
- Sunlit Ultramarine color palette (#E0EBFE, #0042D7, #684500, #2D4011, #00010D)
- Softworn Violet Orchard color palette (#EDDEE4, #914FDC, #136A0D, #3A0067, #000900)
- Peony Summit color palette (#EFDFEC, #A39BD7, #BF4FA6, #005267, #0C082A)
- Gentle Ultramarine color palette (#E6EEFF, #6172DF, #A15F00, #3834CC, #0C0400)
Browse the whole catalog at Explore, or see today's palette.