Petrol Loft color palette — #F9E9F2 · #5DC6E5 · #006AB3 · #003F32 · #020013
Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Blush (#F9E9F2): A whisper-light, dusty pink — the color of peonies in June.
- Sky (#5DC6E5): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#006AB3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003F32): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Lapis Ridge color palette (#FBE8EE, #8FBBE8, #5151D2, #003D41, #05000D)
- Worn Corridor color palette (#F6E9F7, #64B1AF, #005E75, #002E08, #000104)
- Soft Sapphire color palette (#FFF1F6, #98D4FA, #406FEC, #00524E, #11002D)
- Azure Archive color palette (#CAECFF, #00A5EF, #005A85, #001829, #000103)
- Softworn Balcony color palette (#FBE8DD, #579AAF, #004E7A, #00302C, #020D3C)
- Worn Terracotta color palette (#CEE5F2, #008CAB, #A24A00, #004353, #030100)
- Gentle Cobalt Drift color palette (#F9ECD9, #60BEDC, #008DC6, #006D6E, #00142B)
- Worn Hollow color palette (#D5EDE4, #009C9F, #006070, #002741, #00000B)
Browse the whole catalog at Explore, or see today's palette.