Petrol Loft color palette — #F7E9F4 · #83C3CB · #00709C · #004026 · #000113
Peacock takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F7E9F4): A whisper-light, dusty pink — the color of a candy shop window.
- Ash (#83C3CB): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#00709C): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004026): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000113): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Frosted Ultramarine Archive color palette (#FBE8F0, #8CBEDC, #2C5FCA, #003E3A, #030010)
- Worn Chapel color palette (#FDF1F7, #8BD8F4, #327DC6, #005344, #0A0033)
- Antique Villa color palette (#F9E5DD, #3A9FAD, #005072, #00321E, #020D3C)
- Cerulean Courtyard color palette (#E9E2D8, #73BEC9, #0091B4, #006E63, #001624)
- Plum Basin color palette (#F7E8F3, #AD009A, #006949, #005037, #030003)
- Wandering Sky color palette (#FBF2F8, #D5D4E2, #60AFE3, #317F60, #1F2C52)
- Chalky Magenta color palette (#E4DCFD, #B848B6, #007B47, #650064, #000201)
- Hazy Denim color palette (#F1EAFF, #FEB6C3, #D69B57, #534C98, #18000E)
Browse the whole catalog at Explore, or see today's palette.