Petrol Loft color palette — #FDF0FF · #006CB5 · #365800 · #003F2D · #072315
Built around Royal Blue, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Royal Blue (#006CB5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#365800): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#003F2D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#072315): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Worn Lapis Corridor color palette (#FFF0F8, #6254B3, #005840, #004147, #2B182D)
- Deep Nightshade Parlor color palette (#F1DFED, #2F1BBF, #003917, #002221, #000913)
- Pale Fern Archive color palette (#FFF3E7, #9C6219, #126C0F, #004B43, #1A3128)
- Patina Magenta color palette (#F6F3FF, #BE50C4, #007D50, #005E47, #021D2D)
- Cypress Cabin color palette (#F8F5EC, #998D4C, #00755F, #005A68, #3B2F3A)
- Byzantium Ridge color palette (#FFE6EA, #9700AB, #004D51, #002C4C, #150E31)
- Ancient Plum Veranda color palette (#FFF1F0, #C90078, #00597C, #2F2593, #381A22)
- Brick Bloom color palette (#FFF2ED, #AE3938, #5B5100, #0C4403, #11210F)
Browse the whole catalog at Explore, or see today's palette.