Tempered Petrol Boulevard color palette — #E5F5F8 · #58ADA2 · #2B7B9F · #434679 · #052F27

Built around Slate, softened by Turquoise — the whole palette hums with trust and stability.

The five colors

• Ivory (#E5F5F8): bright and airy, almost weightless.
• Turquoise (#58ADA2): A luminous, balanced teal — the color of sea glass.
• Slate (#2B7B9F): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#434679): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Forest (#052F27): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

One click turns Tempered Petrol Boulevard 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 Petrol color palette (#E9F4FB, #5BA6CB, #646CA8, #623C65, #012E31)
• Hushed Jade color palette (#E8F5F2, #84A96C, #248272, #01556B, #192740)
• Timeworn Pier color palette (#ECF4F2, #CCDCED, #55ABB4, #38786E, #213A45)
• Linen Aubergine color palette (#E0F6FF, #0094A2, #005AAC, #4B0085, #001F08)
• Wandering Mint color palette (#F1F8E9, #70C5A5, #4399AF, #566893, #44433B)
• Hushed Ridge color palette (#CCF4F9, #74CFC5, #009390, #006669, #183945)
• Antique Lagoon color palette (#DEF2F3, #2F9775, #1C4248, #0F2223, #070E0E)
• Softworn Jade color palette (#F4F7E7, #6BA970, #6A6B99, #704648, #693008)

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