Petrol Courtyard color palette — #ECF0E4 · #84BEE7 · #006AB2 · #003B4E · #00020B

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#ECF0E4): bright and airy, almost weightless.
• Sky (#84BEE7): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006AB2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003B4E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00020B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Washed Cypress color palette (#EFEFDE, #86C4C0, #00767A, #003F34, #000304)
• Ancient Lagoon color palette (#F6F6EA, #B5D6B6, #008B95, #005249, #001013)
• Washed Denim Pier color palette (#DDF1F0, #5497C5, #004C83, #002D3D, #001232)
• Turquoise Chapel color palette (#E1FDE2, #64DDEE, #33AED8, #005E54, #000B0C)
• Frosted Lapis color palette (#D7E4D4, #009189, #613EE4, #004642, #010009)
• Cornflower Canyon color palette (#F5E8DC, #7CB8E0, #387DF3, #006C73, #11053D)
• Softworn Periwinkle Summit color palette (#F3F7ED, #C1E0F4, #70A9EF, #0079A3, #182D55)
• Hushed Parlor color palette (#D5E9E9, #007678, #003FDC, #2F4D00, #000202)

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