Tempered Petrol Lagoon color palette — #E2F3F1 · #63BFDF · #00719A · #004E58 · #02314C

Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Cream (#E2F3F1): bright and airy, almost weightless.
• Cyan (#63BFDF): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#02314C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: 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 Loft color palette (#E7FAF8, #91CEF1, #447EA9, #005D72, #253C55)
• Ancient Denim color palette (#D0E9E8, #6EA4D4, #0055A7, #003A52, #0C1D40)
• Cerulean Boulevard color palette (#D2E6E3, #30A0AE, #005362, #00302F, #001720)
• Ash Thicket color palette (#EDF8F7, #D5DCED, #769FBA, #49758A, #435566)
• Frosted Olive Pier color palette (#C7E7D8, #868400, #007884, #4D4C00, #002F35)
• Hushed Periwinkle Canyon color palette (#F4ECF0, #A6DDF1, #54A9FD, #00937A, #25245F)
• Tempered Mint Balcony color palette (#D7FCEF, #99D77F, #55AC78, #5E5D19, #003E35)
• Washed Olive color palette (#E6E9DB, #667400, #006E63, #793800, #00261C)

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