Tempered Petrol Meadow color palette — #DFE8EE · #ABAFC7 · #9596BA · #007BA9 · #021623

Cerulean and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFE8EE): bright and airy, almost weightless.
• Ash (#ABAFC7): A luminous, dusty violet — the color of a velvet chair.
• Blue Fog (#9596BA): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#007BA9): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#021623): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Hushed Denim color palette (#E3E9F3, #A29DAF, #8D839B, #49609C, #040913)
• Antique Abyss Pier color palette (#E8F0F4, #97A1AE, #74799C, #003D4C, #00050A)
• Aged Ridge color palette (#E1E1F0, #CDB9CF, #B69FB3, #9769B8, #1E1D2E)
• Washed Denim color palette (#E3F3EB, #BCD7CF, #B49FAF, #005571, #000402)
• Timeworn Studio color palette (#E2EDFF, #7E86D7, #7C6CA1, #734654, #340E10)
• Frosted Cornflower Bloom color palette (#E6F1FC, #01BFF7, #22A4FD, #657EF1, #000D2A)
• Hushed Terrace color palette (#EDF6FF, #D7D8EE, #C1BDE2, #29A0EF, #243543)
• Airy Grape Pier color palette (#CBE3FC, #0083E3, #7A3AC1, #7B004C, #000A0B)

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