Timeworn Petrol Loft color palette — #E8F0F6 · #B6C6D5 · #92A7BE · #00698E · #11212C
Built around Peacock, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#E8F0F6): bright and airy, almost weightless.
- Stone (#B6C6D5): A luminous, dusty blue — the color of open sky before noon.
- Blue Fog (#92A7BE): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#00698E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#11212C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Timeworn 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
- Hushed Boulevard color palette (#DEE2EB, #BEC3D7, #A0A3B8, #5154AD, #191F2D)
- Dusty Abyss color palette (#DFEAF0, #B1BAC4, #838DA9, #004C61, #052231)
- Petrol Villa color palette (#ECF9F3, #C6DFE2, #CDAFCF, #00688D, #02100A)
- Washed Terrace color palette (#E7F1EB, #D0BEC4, #CE9EA4, #008EB0, #15231C)
- Dusty Cypress color palette (#DDF5F4, #5FA286, #00715E, #00504F, #002021)
- Garnet Dune color palette (#E3E9F8, #8B8EC1, #796795, #6B3341, #3F1715)
- Hushed Navy color palette (#DCE0EB, #A1A4B3, #83839E, #423586, #050817)
- Misty Garden color palette (#C7E2FF, #2CBFFD, #3A9CFE, #5964E5, #001135)
Browse the whole catalog at Explore, or see today's palette.