Petrol Loft color palette — #D4ECE5 · #0067A6 · #112545 · #011813 · #010506
A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D4ECE5): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#0067A6): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#112545): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#011813): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#010506): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Nocturne Cypress color palette (#DBEFDC, #007174, #002C33, #051907, #020705)
- Ultramarine Villa color palette (#ECDFEA, #2356D0, #1E2147, #1E0C1C, #0A0305)
- Weathered Cobalt Drift color palette (#E4F2FF, #0087D0, #353F58, #18232D, #040F14)
- Moonless Navy color palette (#ECD7EC, #00428C, #040634, #060D12, #080009)
- Softworn Violet Courtyard color palette (#FBEEF3, #896BB6, #50323B, #312529, #191414)
- Dusty Hollow color palette (#DAEEE7, #07A4F4, #785568, #27433A, #071009)
- Midnight Grape color palette (#E7E6FA, #6400E0, #2C024C, #0E0526, #0C0102)
- Lowlit Bloom color palette (#E8DAE3, #3000A1, #2B0D12, #0B0023, #040103)
Browse the whole catalog at Explore, or see today's palette.