Tempered Petrol Courtyard color palette — #ECF3F8 · #D7D6DE · #C1B9C8 · #507A97 · #232D36

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF3F8): bright and airy, almost weightless.
• Silver (#D7D6DE): a clean, paper-quiet neutral.
• Ash (#C1B9C8): A luminous, dusty violet — the color of a velvet chair.
• Slate (#507A97): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#232D36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Weathered Cobalt color palette (#F1F6FB, #D9DAE3, #BFBDCB, #3F79AA, #404951)
• Weathered Indigo color palette (#EFF1FC, #DED2DE, #C7B9D1, #7159AE, #212435)
• Weathered Villa color palette (#E4F5FF, #A5B1C7, #84809B, #405D54, #113A38)
• Worn Navy Dune color palette (#E9F1F9, #97A0B4, #787896, #003764, #00040D)
• Pewter Garden color palette (#FCEDF2, #95BFA6, #6D7C50, #49556C, #122E1F)
• Muted Lantern color palette (#E7E8F4, #CDC8D8, #AB9FAE, #61467E, #141424)
• Azure Dune color palette (#E1F9EB, #53A6D4, #6D6295, #4E480E, #142337)
• Washed Cobalt Cabin color palette (#E8F1FF, #576FC2, #2E2E46, #101621, #03070C)

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