Tempered Petrol color palette — #F7E8F4 · #6AC1CC · #0080A7 · #005B46 · #00203D
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F7E8F4): A whisper-light, dusty pink — the color of peonies in June.
- Cyan (#6AC1CC): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0080A7): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005B46): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#00203D): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Frosted Sapphire color palette (#F0DEE6, #7DBADC, #0171E0, #00595B, #171748)
- Cerulean Quarry color palette (#FDF4E6, #90DAE4, #0087A7, #005249, #000E19)
- Weathered Chapel color palette (#E7E9DB, #54AEBB, #006274, #003E3E, #00232F)
- Azure Hollow color palette (#F8E8E1, #7FCFD9, #009EDA, #008251, #081C47)
- Cornflower Lantern color palette (#FFF1F6, #94D3FF, #4586FF, #007179, #2E2865)
- Weathered Turquoise color palette (#F9F3F7, #C5EBFF, #6EADD6, #3D8A7D, #364962)
- Blush Thicket color palette (#E9F1FE, #CDAAFE, #E77EB0, #0070A9, #202644)
- Ancient Indigo color palette (#E9EEFF, #4E62EB, #846300, #5A5D00, #080C32)
Browse the whole catalog at Explore, or see today's palette.