Tempered Petrol Meadow color palette — #DBECED · #4298A1 · #0A6CAF · #1A3600 · #000303

Peacock takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DBECED): bright and airy, almost weightless.
• Cerulean (#4298A1): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#0A6CAF): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#1A3600): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#000303): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, light, muted.

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

• Ancient Indigo color palette (#DCF4FF, #5E8EC2, #705BAB, #003B33, #000204)
• Tempered Petrol Courtyard color palette (#C2ECF2, #5CADA7, #00808D, #003B2A, #001412)
• Emerald Atelier color palette (#D2E3DC, #5A9C6A, #007175, #3F2C00, #000200)
• Aged Quarry color palette (#E5F5DD, #86CDCA, #009AAB, #005139, #000201)
• Cobalt Cabin color palette (#D9E7CA, #61B4B6, #008CD5, #365A00, #000D0B)
• Midnight Lagoon color palette (#E2F1F8, #006372, #33006C, #002329, #01000A)
• Hushed Corridor color palette (#D5EFFD, #7BAFDE, #9181CD, #005B4B, #00131D)
• Weathered Pine color palette (#D5F3FA, #8ADAF8, #8897DE, #00793C, #001F22)

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