Tempered Petrol Pier color palette — #E8F0F5 · #CDD9E5 · #ABB8CE · #327B9A · #233038
Built around Slate, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Cream (#E8F0F5): a clean, paper-quiet neutral.
- Silver (#CDD9E5): A whisper-light, dusty blue — the color of open sky before noon.
- Ash (#ABB8CE): A luminous, dusty violet — the color of wild irises.
- Slate (#327B9A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#233038): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Tempered Petrol Pier 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
- Worn Courtyard color palette (#EEF8F4, #CEDFE1, #E3C0CC, #0080B0, #14221C)
- Wandering Loft color palette (#D6E0EB, #BBC4D7, #9CA3C1, #1E62A5, #16202C)
- Muted Indigo color palette (#F1F5FF, #DADBF9, #BFB9D8, #7169C4, #2D3242)
- Washed Ash Workshop color palette (#F1F5FD, #DCD8E3, #C6BDCC, #7B8FB7, #414852)
- Muted Grove color palette (#CFECE7, #4FBC8D, #008474, #0E606D, #052F30)
- Aged Periwinkle Drift color palette (#D4E1ED, #969FE8, #8D6EA1, #714E5A, #403909)
- Weathered Courtyard color palette (#CCE5FC, #008DDB, #9F2C83, #5B3B00, #00261C)
- Twilit Sapphire Ridge color palette (#CFE0F6, #006AE7, #2F2E52, #0B1725, #00050C)
Browse the whole catalog at Explore, or see today's palette.