Tempered Petrol Lagoon color palette — #FFEEE5 · #66CFCD · #007F95 · #005531 · #001D2D

Teal takes the lead with Aqua close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFEEE5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Aqua (#66CFCD): A luminous, balanced teal — the color of sea glass.
• Teal (#007F95): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005531): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#001D2D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Petrol Lagoon 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

• Dusty Meadow color palette (#F6F7E3, #72C9C7, #007D85, #00574C, #003A43)
• Linen Cobalt Hollow color palette (#FFEEE4, #6BCAE9, #0078B9, #00524C, #020756)
• Wandering Courtyard color palette (#F7F1E9, #A7D2C6, #6479B5, #005966, #211840)
• Softworn Hollow color palette (#E9F9F6, #C4DBFA, #00AEB9, #007466, #002A31)
• Chalky Studio color palette (#CBFDFF, #89D5FF, #93A5FF, #007956, #00262E)
• Denim Coast color palette (#EDDFD9, #84A787, #006279, #003B27, #000C18)
• Softworn Harbor color palette (#F8F0EC, #C6E5CF, #5996B5, #1F6D5B, #3A213C)
• Dusty Abyss color palette (#EEDFD8, #458292, #00405F, #00201B, #000106)

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