Tempered Petrol Lagoon color palette — #E1EDE3 · #92B9D3 · #0070B2 · #004A51 · #00123A

Slate and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E1EDE3): bright and airy, almost weightless.
• Ash (#92B9D3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0070B2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#00123A): A deep, shadowed, balanced violet — the color of wild irises.

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

• Cobalt Basin color palette (#ECF4ED, #B4CADE, #497DC2, #005969, #131B46)
• Softworn Denim color palette (#E3ECE4, #5FABA8, #00646E, #003B2A, #000D13)
• Weathered Navy Quarry color palette (#E4EDE6, #5A7C9B, #063288, #001E27, #01000B)
• Faded Plum Lagoon color palette (#E9DEED, #B03765, #556700, #00517C, #1C0009)
• Mulberry Balcony color palette (#F2E8F9, #B55F84, #007E64, #81004C, #001710)
• Sunlit Alley color palette (#F9EAFF, #EAB2AD, #E58F56, #8C3777, #33060F)
• Dusty Chestnut color palette (#FCE2EC, #A47F47, #7D4500, #551D00, #001307)
• Mulberry Thicket color palette (#F1E5F4, #B762A7, #9A1370, #690037, #2F000B)

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