Tempered Petrol color palette — #F0E1EC · #7BBFC2 · #0081A0 · #005C40 · #002139
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F0E1EC): A whisper-light, dusty pink — the color of neon signs at night.
- Mint Leaf (#7BBFC2): A luminous, dusty teal — the color of sea glass.
- Cerulean (#0081A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005C40): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002139): 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
- Antique Chapel color palette (#EBDBE4, #82BAD5, #0076CF, #005958, #121849)
- Cerulean Lantern color palette (#FFF2EC, #74DFE4, #0088A6, #005439, #000E1B)
- Muted Teal color palette (#EDEEE1, #58AEB3, #00636E, #003E3A, #00242C)
- Aged Cerulean Summit color palette (#D6EAE6, #6AD3D9, #00A4B7, #007E76, #00242D)
- Airy Lilac color palette (#DBF3FC, #88CBF2, #9893F6, #007B5B, #002C3E)
- Cornflower Atelier color palette (#FFF0F7, #8AD5FE, #2A8BFA, #007274, #27286A)
- Antique Parlor color palette (#F9F3F7, #CFE0F9, #69AED3, #008F77, #324965)
- Crimson Loft color palette (#C6E6F3, #0098A7, #C8374E, #005E68, #3A000B)
Browse the whole catalog at Explore, or see today's palette.