Tempered Petrol color palette — #E2ECE4 · #8BBBD3 · #0070B2 · #004A51 · #011338
Built around Slate, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Parchment (#E2ECE4): a clean, paper-quiet neutral.
- Ash (#8BBBD3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0070B2): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#011338): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Petrol 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
- Pale Petrol color palette (#F9ECE2, #6DBDE1, #3868AD, #005147, #2C2750)
- Muted Lagoon color palette (#EDF4EE, #B0CBE3, #397CD1, #005969, #132038)
- Teal Loft color palette (#D8E5DB, #5AACA9, #00646E, #003B2A, #000D13)
- Patina Periwinkle Basin color palette (#EEF4EF, #D5DBEF, #72A0D2, #2C7683, #2B3749)
- Aged Emerald Atelier color palette (#D6E9D4, #009456, #006A4E, #004137, #001E1F)
- Antique Alley color palette (#C6E7EA, #00957A, #BE1767, #005343, #290011)
- Faded Azure Cabin color palette (#CEF7FF, #65D6DE, #01ACEC, #007541, #00232B)
- Patina Navy color palette (#E7F1E9, #527DA3, #002F91, #001E27, #01000B)
Browse the whole catalog at Explore, or see today's palette.