Petrol Loft color palette — #DFF3F1 · #82C1DB · #00709B · #003C46 · #000307
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#DFF3F1): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#82C1DB): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#00709B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003C46): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Wandering Station color palette (#DAE7E4, #4CB4B7, #00606A, #002C27, #000102)
- Cobalt Canyon color palette (#E6FAF9, #A5D2F5, #007CD7, #004E67, #000B26)
- Airy Cobalt Canyon color palette (#F6E7EF, #68BDDC, #0089DA, #006D67, #040B3C)
- Antique Garden color palette (#F1E0EA, #6198AD, #00498A, #003128, #11053E)
- Sky Summit color palette (#EDF8F7, #D9DDE8, #4BB0F0, #007B94, #0F304D)
- Lagoon Station color palette (#EEF7F5, #D3E0ED, #6CCDD3, #2D9583, #254450)
- Washed Cocoa color palette (#F2DBE7, #B77340, #7D3500, #400E00, #020100)
- Weathered Archive color palette (#F9EEE2, #8F5A00, #2F6800, #7E0039, #020100)
Browse the whole catalog at Explore, or see today's palette.