Tempered Petrol color palette — #F1F7EE · #77BFAC · #0078A8 · #00705C · #152922
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F7EE): a clean, paper-quiet neutral.
- Mint Leaf (#77BFAC): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#0078A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00705C): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#152922): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
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
- Cobalt Loft color palette (#F0F7F2, #6CBDC8, #4C6ABA, #006C77, #2E1E2B)
- Fern Garden color palette (#F6F6EE, #9EBA78, #007F80, #4C6C00, #1B281B)
- Antique Mint color palette (#F1F3E9, #77C98B, #7F64AE, #22773F, #180810)
- Airy Petrol Studio color palette (#FFF4E2, #34AAB3, #0570AB, #7C313D, #274434)
- Grape Field color palette (#EBF9F2, #00B0E8, #831ED3, #005E7E, #2B151E)
- Wandering Lagoon Thicket color palette (#F2F7F2, #D1DEDD, #ABC7C8, #238384, #424A42)
- Antique Petrol color palette (#D3FFFC, #5DC1D0, #007FA7, #005382, #193770)
- Cypress Loft color palette (#DAE8D7, #007970, #003658, #002E2A, #000205)
Browse the whole catalog at Explore, or see today's palette.