Petrol Loft color palette — #FBEBE3 · #72BFCE · #006FA4 · #005238 · #202C4D
Built around Peacock, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#FBEBE3): A whisper-light, dusty orange — the color of sun-warmed clay.
- Cyan (#72BFCE): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006FA4): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005238): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#202C4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Petrol Basin color palette (#E0ECEA, #86BEC9, #007790, #004B4C, #001923)
- Tempered Cobalt color palette (#FCF3EE, #99CFE0, #397DB7, #0E614D, #4E2E45)
- Ultramarine Harbor color palette (#F8E8DC, #61A8CC, #1951AF, #003F39, #201544)
- Weathered Cerulean Harbor color palette (#EEF0E2, #8AD2DF, #2494B0, #006B6D, #003344)
- Lagoon Balcony color palette (#FFE6DF, #00A4A5, #005268, #00330E, #00142D)
- Sunlit Sky Chapel color palette (#F7EAF3, #A3DFEB, #3EB1E7, #00937A, #002D5D)
- Aged Mallow color palette (#FFE2FD, #E3ACF2, #CC838A, #106780, #492C3B)
- Cerulean Coast color palette (#FCF4EB, #BAE8D9, #7988B8, #2C6E6D, #5A3E4A)
Browse the whole catalog at Explore, or see today's palette.