Petrol Loft color palette — #EDF8F7 · #BFE2F8 · #5293B5 · #006F7E · #2E4B63
A conversation between Teal and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF8F7): a clean, paper-quiet neutral.
- Powder Blue (#BFE2F8): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#5293B5): A luminous, balanced blue — the color of open sky before noon.
- Teal (#006F7E): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#2E4B63): A full-bodied, dusty blue — the color of deep harbor water.
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
- Cypress Harbor color palette (#F6F0F3, #C5E1F2, #6692BA, #006D67, #1E2A4D)
- Muted Cobalt color palette (#EBF8F8, #ABC9E4, #477CB2, #005B79, #243B5D)
- Muted Denim color palette (#D0E5E4, #6296B7, #004D7D, #002E3B, #00142D)
- Softworn Powder color palette (#F4F6ED, #C0E6E5, #7AC8F2, #55A6B5, #2E4F45)
- Antique Alley color palette (#DDF1EC, #5EAEAC, #006469, #003F36, #00242A)
- Wandering Study color palette (#FAF4F0, #C5E4E3, #7DA9D3, #008D87, #5A3C54)
- Pale Terracotta color palette (#FFF0F9, #D88867, #9C75C0, #A24617, #4D3762)
- Driftwood Courtyard color palette (#FFF1F6, #D9FDDB, #AAD5B9, #9D735D, #644751)
Browse the whole catalog at Explore, or see today's palette.