Tempered Petrol color palette — #F4E2EF · #53B0BB · #0080A5 · #006048 · #000A18
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F4E2EF): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#53B0BB): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0080A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006048): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#000A18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Hazy Canyon color palette (#EEDBE3, #6FA8CC, #3472CD, #005C61, #07002A)
- Dusty Cerulean color palette (#E7E8DB, #4CA1AA, #006373, #003C39, #000B11)
- Worn Drift color palette (#EDE2DD, #3C858C, #004256, #002016, #000104)
- Soft Orchard color palette (#E4EDE3, #96C5F2, #6D8AF0, #007A8C, #211444)
- Tempered Periwinkle Delta color palette (#F7EAF1, #A5DDF4, #5FAAEE, #00918B, #1D2958)
- Ancient Peony Field color palette (#EBDBE5, #C949A8, #006C6D, #006426, #050003)
- Faded Harbor color palette (#FBDEF7, #D192A3, #C4835B, #7154A1, #1E0112)
- Teal Summit color palette (#FAF3F8, #CDE4FE, #82C9E2, #65A88A, #2F4B63)
Browse the whole catalog at Explore, or see today's palette.