Petrol Courtyard color palette — #F4EEE4 · #89B8D4 · #2B6BA8 · #004E58 · #1A2B54

Built around Slate, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Sky (#89B8D4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#2B6BA8): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#1A2B54): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Aged Atelier color palette (#F5EDE1, #81BEBC, #007683, #00523C, #003442)
• Timeworn Terrace color palette (#F1E7DF, #82BCDE, #3D66BE, #004C47, #180D33)
• Cobalt Loft color palette (#F9F4ED, #A8CFC3, #4F77BE, #005C72, #31365F)
• Gentle Market color palette (#E7F2E9, #A5DBFB, #66A9ED, #008EA0, #1E2C4E)
• Denim Basin color palette (#F0E9DE, #509BB1, #005070, #00302F, #00152A)
• Tempered Petrol color palette (#F8F5EF, #CDE3E5, #AC8DAD, #2D7A8C, #614A5C)
• Misty Drift color palette (#EFD8D5, #BB597D, #007B70, #870047, #00312C)
• Gentle Bloom color palette (#FFDDD5, #B6325C, #4D6A00, #005084, #3A0C1A)

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