Petrol Courtyard color palette — #EAF4F7 · #CFD7E9 · #A9C2DA · #007A83 · #17282E

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

The five colors

• Ivory (#EAF4F7): bright and airy, almost weightless.
• Silver (#CFD7E9): A whisper-light, dusty violet — the color of wild irises.
• Sky (#A9C2DA): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007A83): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#17282E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Softworn Denim color palette (#E2EBEF, #B9CFDF, #95A5B9, #006070, #0C181D)
• Muted Veranda color palette (#EEF8EF, #CADEDE, #CAB4CA, #00797E, #354437)
• Lowlit Dune color palette (#CEE8FA, #00759E, #0B2951, #00121F, #000407)
• Driftwood Ridge color palette (#EFF2F9, #DBD5E0, #B9AAAF, #7482A5, #33363E)
• Antique Sky color palette (#C1F1FF, #6FBAFA, #726FA1, #744235, #223A21)
• Onyx Market color palette (#DCDFEC, #8B8AA3, #6E6680, #2C1D54, #010106)
• Misty Jade color palette (#D8FBED, #85B86C, #297D4C, #005952, #002722)
• Weathered Basin color palette (#E3F5FF, #0092AE, #7C2DA7, #622100, #0A1E00)

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