Petrol Courtyard color palette — #EEF4EF · #CFDAD9 · #ABC2C2 · #008493 · #262F28

A conversation between Cerulean and Ash, giving this palette its sense of trust and stability.

The five colors

• Cream (#EEF4EF): bright and airy, almost weightless.
• Silver (#CFDAD9): bright and airy, almost weightless.
• Ash (#ABC2C2): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#008493): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#262F28): a grounded near-black with real depth.

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

• Hushed Cerulean color palette (#ECF4F1, #DAD1D0, #AA9D92, #5988AB, #2E3935)
• Washed Lagoon Lagoon color palette (#F2F3E9, #B2B88E, #528162, #226251, #272A0D)
• Cobalt Pier color palette (#D2E3DC, #007FB0, #0E3930, #001B13, #020805)
• Patina Abyss Studio color palette (#DCE9E1, #92A59C, #598778, #003D4B, #000602)
• Denim Basin color palette (#ECF4F0, #C4D9D2, #BBA1BD, #006486, #012015)
• Aged Denim color palette (#F7EFF3, #DDD3D3, #C9AFB7, #5F59A4, #2A1B24)
• Aubergine Ridge color palette (#EDF5E3, #68A5C6, #3D6CAA, #682769, #002A20)
• Sunlit Cornflower Study color palette (#E4F7EE, #9AECFB, #60C7F6, #348BE2, #00263B)

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