Tempered Petrol Courtyard color palette — #E7DAE3 · #89BAC9 · #00829B · #005C3A · #002236

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#E7DAE3): bright and airy, almost weightless.
• Ash (#89BAC9): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#00829B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005C3A): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Petrol Courtyard 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 Balcony color palette (#ECDFE7, #7FBBD1, #007AC0, #005A53, #071555)
• Muted Glacier Corridor color palette (#FFF2EB, #6BE1E2, #0088A2, #005435, #000E1A)
• Softworn Teal color palette (#E3E4D5, #5DAEAD, #00646A, #003F36, #00242A)
• Ancient Summit color palette (#D0E8E3, #74D2D2, #00A5B1, #007E70, #00242B)
• Pale Pine Courtyard color palette (#B6E9FB, #8DC7EB, #A09CE2, #00825D, #002632)
• Softworn Cornflower color palette (#FFF0F8, #97D5F1, #188FF0, #007270, #202A6D)
• Aged Lagoon Loft color palette (#FBF2F8, #D0DEF0, #61B0D2, #288E70, #2C4A68)
• Tempered Rust color palette (#D1F4FE, #009A98, #CD351F, #005F5E, #390200)

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