Petrol Loft color palette — #DFE2D3 · #59AEC1 · #0081A0 · #005C61 · #000B12
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Bone (#DFE2D3): A whisper-light, dusty green — the color of fresh herbs.
- Cyan (#59AEC1): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0081A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005C61): A full-bodied, dusty blue — the color of open sky before noon.
- Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Feathered Cobalt color palette (#EDF3E3, #70A7D2, #2776C4, #005976, #000720)
- Timeworn Denim color palette (#F4E2DA, #619DAB, #005F87, #003C33, #00081E)
- Ancient Cerulean color palette (#E6E7D9, #8FCDCE, #00A5B4, #007E73, #00242C)
- Washed Coast color palette (#DCECE9, #438392, #004254, #001F21, #000103)
- Dusty Lagoon Delta color palette (#D2F7E9, #00A282, #007359, #003F32, #000201)
- Washed Pine Cabin color palette (#D2F7E5, #00835D, #007095, #665800, #000201)
- Periwinkle Canyon color palette (#EDF0E4, #B3DECE, #4FACF6, #008CAF, #0E2E52)
- Powdered Courtyard color palette (#EAEFDC, #009748, #AA5700, #00662E, #0E0300)
Browse the whole catalog at Explore, or see today's palette.