Tempered Petrol Meadow color palette — #ECF4EF · #CADEDF · #AEC3C5 · #497D90 · #252F2A

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

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#CADEDF): A whisper-light, dusty blue — the color of deep harbor water.
• Stone (#AEC3C5): A luminous, dusty blue — the color of deep harbor water.
• Slate (#497D90): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#252F2A): a grounded near-black with real depth.

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

• Timeworn Petrol Balcony color palette (#EFF6FB, #D7D9E1, #BDBDC9, #307F95, #3C4A52)
• Pewter Garden color palette (#F7EFF5, #E8D4D5, #CBBAB9, #8B6883, #302A2F)
• Lagoon Orchard color palette (#F1F3E8, #88C39E, #3E846A, #4B5A46, #252A1A)
• Stone Boulevard color palette (#C8F2E7, #D3AECE, #A08093, #6C5352, #2B3820)
• Softworn Abyss color palette (#DEECE6, #84A99E, #8B728C, #003B55, #000603)
• Weathered Meadow color palette (#E7F6F1, #E4CAE4, #C29EBB, #005F99, #051F19)
• Wandering Sky Study color palette (#E2F8F0, #96E2FF, #68C1FF, #7997D3, #0A2D25)
• Timeworn Cobalt color palette (#D5F0E8, #0078C9, #3E293C, #061A16, #030806)

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