Worn Petrol Courtyard color palette — #D7E7EC · #007296 · #005173 · #002D47 · #000E21

Teal and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D7E7EC): bright and airy, almost weightless.
• Teal (#007296): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005173): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002D47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000E21): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Worn 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

• Wandering Cerulean Grove color palette (#D4E8EE, #0098C2, #006F96, #004263, #002541)
• Cobalt Canyon color palette (#CEEAFD, #0077BA, #004A8E, #001F52, #010036)
• Misty Harbor color palette (#DDF6EC, #0074A3, #1B6A03, #003B56, #010B00)
• Patina Ridge color palette (#D3ECE3, #008775, #004D47, #002726, #001112)
• Timeworn Aubergine Coast color palette (#D2F1E6, #005F8A, #622497, #004737, #000409)
• Cobalt Study color palette (#E6F1FF, #4E83D0, #004383, #00183A, #000106)
• Iris Hollow color palette (#F7E4F9, #94AFED, #847FCD, #004E73, #000E2D)
• Patina Denim Grove color palette (#D9F6E9, #70AAD2, #3480BF, #004F96, #132B52)

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