Tempered Petrol color palette — #EDF4EE · #D2DDF2 · #7FA1BC · #417382 · #26384A
A conversation between Slate and Blue Fog, giving this palette its sense of calm and sophistication.
The five colors
- Cream (#EDF4EE): bright and airy, almost weightless.
- Powder Blue (#D2DDF2): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#7FA1BC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#417382): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#26384A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Calm, Sophistication. 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
- Hushed Denim color palette (#DFEFE2, #66A7B9, #006083, #003938, #000B1A)
- Cypress Station color palette (#FAF4F0, #C9E8E6, #7B9CC0, #357D6C, #63495A)
- Softworn Hollow color palette (#E0F7F9, #CCDAEB, #B6A7B4, #679794, #243F44)
- Patina Cypress Meadow color palette (#E6F5F6, #80C4A7, #C686A2, #358265, #3A2945)
- Aged Navy color palette (#E4F3E7, #4280A1, #003D6A, #001F23, #00000A)
- Weathered Lantern color palette (#D2FCF2, #97C299, #569979, #1E6B56, #0F3F47)
- Airy Veranda color palette (#E8F6EB, #AFD5F5, #5683C9, #005F73, #181D53)
- Timeworn Pier color palette (#E6F7E9, #7ECBC6, #00818B, #00543B, #001E27)
Browse the whole catalog at Explore, or see today's palette.