Tempered Petrol color palette — #F9E7F1 · #5FADCB · #006AAC · #004A46 · #050C3B
Built around Peacock, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Blush (#F9E7F1): A whisper-light, dusty pink — the color of neon signs at night.
- Cyan (#5FADCB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006AAC): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004A46): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#050C3B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Hazy Ultramarine Quarry color palette (#EFE0E5, #73A8CF, #1155E4, #00494F, #120937)
- Teal Loft color palette (#F7E5F1, #50B4B0, #007385, #004D2A, #001623)
- Washed Studio color palette (#F8EDDB, #7FC2DB, #006EA2, #003D40, #00020A)
- Muted Cobalt color palette (#FCEADE, #79BBD3, #2F85DC, #006F5D, #110340)
- Timeworn Cerulean Cabin color palette (#DFE4CE, #0A9EC6, #00506F, #002F36, #001626)
- Dusty Cobalt color palette (#F7EAF2, #97CEE0, #008FD4, #006D62, #1D2D4D)
- Worn Studio color palette (#D7E0FA, #CE96DD, #DB637D, #0057A3, #210A32)
- Antique Azure color palette (#FCF1FA, #A6E8F1, #00AADD, #008568, #1B4267)
Browse the whole catalog at Explore, or see today's palette.