Petrol Loft color palette — #EDF0E6 · #65BEE2 · #00719D · #004E5A · #00314F
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EDF0E6): a clean, paper-quiet neutral.
- Cyan (#65BEE2): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#00719D): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#00314F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Washed Boulevard color palette (#EEE8DF, #91BFA9, #0072AB, #004B4F, #001534)
- Denim Meadow color palette (#E0E5D7, #6FA3D6, #1855A3, #003A53, #0C1C45)
- Ancient Cerulean color palette (#E6F2E8, #A5CAE1, #448EC0, #006B70, #062D5B)
- Glacier Lantern color palette (#F6F7E4, #73E3E2, #00909A, #00685B, #004853)
- Cerulean Archive color palette (#EDEFE2, #0EA1B4, #005364, #003030, #001720)
- Worn Orchard color palette (#F4F6EE, #BDEEF0, #779EBB, #507962, #32524A)
- Periwinkle Boulevard color palette (#F8ECE4, #B8DDCA, #66A7F6, #00937E, #292658)
- Aged Amber color palette (#FFF0EC, #FFADAA, #D98062, #7D475E, #4A2D24)
Browse the whole catalog at Explore, or see today's palette.