Tempered Petrol color palette — #F5EBF2 · #71C1C2 · #00748C · #005335 · #02314C
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F5EBF2): a clean, paper-quiet neutral.
- Mint Leaf (#71C1C2): A luminous, dusty teal — the color of glacier melt.
- Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005335): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#02314C): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Antique Abyss Workshop color palette (#F1E5F0, #8CBCCB, #007696, #004F1F, #001531)
- Timeworn Cerulean color palette (#FBF2F9, #9BCEE3, #2C82A7, #00624E, #243C57)
- Aged Petrol color palette (#F8EAEF, #73BAEA, #3A65B4, #004F55, #2A294B)
- Antique Denim color palette (#E9DDE4, #5EABC1, #005D8C, #003F38, #051B4A)
- Tempered Iris color palette (#CFF4FF, #73CFFF, #8790DE, #2A7253, #1B3949)
- Ancient Lagoon color palette (#C6E8D5, #00A185, #006B6D, #004954, #003249)
- Airy Turquoise color palette (#F5EDE1, #9FE1E3, #00B8D3, #009478, #003345)
- Ancient Cerulean color palette (#BBEEFF, #00A0BC, #005F74, #002C36, #00171D)
Browse the whole catalog at Explore, or see today's palette.