Petrol Loft color palette — #EAFAF2 · #78B9DB · #C6895C · #267CA2 · #524C47
A conversation between Cerulean and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAFAF2): bright and airy, almost weightless.
- Sky (#78B9DB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Caramel (#C6895C): A luminous, balanced gold — the color of honey in a jar.
- Cerulean (#267CA2): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#524C47): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Amber Hollow color palette (#E1F8F0, #7CBBEA, #CE886E, #42779E, #362F2B)
- Softworn Dune color palette (#FFF0F9, #A5AAE4, #A99A33, #676AAF, #504D46)
- Blush Hollow color palette (#F0F8EE, #65C3B6, #D4798D, #048479, #66433B)
- Tempered Powder Coast color palette (#EDF6FF, #8CCCFF, #E69C84, #6092BA, #5F4256)
- Dusty Driftwood color palette (#E2FCF2, #5EA0CB, #BD6D88, #717D46, #314840)
- Cornflower Field color palette (#FEF0FF, #3394FE, #A67400, #005BAE, #4F3500)
- Petal Delta color palette (#E4FBF3, #EED8D4, #D6C7FA, #729B83, #5B505B)
- Aged Studio color palette (#FCF4E7, #C2B79A, #907F51, #7E5312, #524800)
Browse the whole catalog at Explore, or see today's palette.