Weathered Petrol Loft color palette — #FFF1F5 · #D8D3DE · #8DA5DF · #007D8B · #252C4C
A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Silver (#D8D3DE): a clean, paper-quiet neutral.
- Cornflower (#8DA5DF): A luminous, balanced violet — the color of a velvet chair.
- Teal (#007D8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#252C4C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered 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
- Softworn Turquoise color palette (#FAF2F8, #CBDCF6, #60B3CC, #3F7D60, #173145)
- Wandering Pier color palette (#FFF0F7, #D8D6ED, #359DFD, #007270, #14195C)
- Lagoon Market color palette (#FCF2F5, #C6E4FF, #9DAFE9, #379D9D, #40315A)
- Timeworn Petrol Field color palette (#FCE7F4, #4EC8E9, #006EA4, #003F38, #000112)
- Hushed Orchard color palette (#FAF4EC, #A8CFC3, #5578B5, #005C72, #2F3565)
- Teal Ridge color palette (#ECDDE7, #58B3B0, #005F6F, #002D16, #000103)
- Washed Aqua Workshop color palette (#E5F9FF, #00DAD8, #E6839F, #008886, #431625)
- Teal Harbor color palette (#E2FAFF, #D5DDE9, #BAA7A3, #78AB86, #243E48)
Browse the whole catalog at Explore, or see today's palette.