Tempered Petrol Loft color palette — #F3ECE0 · #5AB2B0 · #007480 · #004C38 · #00171F

A conversation between Teal and Turquoise, giving this palette its sense of trust and stability.

The five colors

• Cream (#F3ECE0): a clean, paper-quiet neutral.
• Turquoise (#5AB2B0): A luminous, balanced teal — the color of sea glass.
• Teal (#007480): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00171F): 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 Loft 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

• Ancient Ridge color palette (#F1EADF, #7DBDC9, #0081A3, #005A52, #002236)
• Weathered Petrol Coast color palette (#E5F2E7, #75C7C5, #007581, #00402E, #000305)
• Periwinkle Courtyard color palette (#D9F0F3, #76BAD5, #6A96D7, #00665D, #001922)
• Ancient Denim Boulevard color palette (#F5EEE1, #659BB1, #005E8E, #003B3E, #00081C)
• Misty Pine Study color palette (#F0E4F0, #51C5C0, #0091B1, #097318, #00152A)
• Muted Chapel color palette (#FBF4EA, #C3DCC5, #35A5BC, #007E67, #164433)
• Chalky Brick color palette (#E1F3E1, #00898B, #C00022, #005051, #260002)
• Misty Cobalt color palette (#F6EDDF, #A2C9EE, #5D84D2, #006882, #252856)

Browse the whole catalog at Explore, or see today's palette.