Petrol Courtyard color palette — #E8F1ED · #CBDCD6 · #C7AEC9 · #007CA7 · #24312C

Built around Cerulean, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Cream (#E8F1ED): bright and airy, almost weightless.
• Silver (#CBDCD6): a clean, paper-quiet neutral.
• Mauve (#C7AEC9): A luminous, dusty pink — the color of peonies in June.
• Cerulean (#007CA7): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#24312C): quiet, heavy and certain.

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

• Tempered Cobalt color palette (#F3ECF0, #E5D1DB, #CAAFB9, #6469B0, #382833)
• Cerulean Archive color palette (#E8F0F5, #D0D2E0, #B8B6C8, #409EC3, #223038)
• Hushed Garden color palette (#ECF0EA, #D0DBD0, #A4C0AA, #008477, #273124)
• Hushed Denim Cabin color palette (#E8F1EC, #D6C6D8, #B198A8, #005E76, #22322A)
• Antique Nightshade Dune color palette (#F1E9EE, #C1AEB8, #9A8CBA, #40469F, #1B1018)
• Worn Iris Cabin color palette (#EEDDE9, #A19ACD, #9570B1, #7A4A50, #5C2C22)
• Timeworn Sapphire Hollow color palette (#F1DFF0, #006CE1, #242F5C, #210E21, #000604)
• Feathered Meadow color palette (#D2F9EF, #89D5FF, #68ADFF, #667AF0, #0C254D)

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