Petrol Courtyard color palette — #E4F3E7 · #78B8EA · #3B68AA · #004D5D · #222A51
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E4F3E7): A whisper-light, dusty teal — the color of sea glass.
- Sky (#78B8EA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#3B68AA): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#222A51): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Wandering Balcony color palette (#F3E5E9, #8DB9DB, #4468B3, #004A51, #150A3A)
- Aged Petrol Market color palette (#E8F1EA, #6BC1C7, #00758A, #005143, #003346)
- Aged Periwinkle color palette (#EDF0E5, #ABE0CF, #67A9ED, #008AB4, #132D54)
- Dusty Cobalt color palette (#F8ECE1, #9FCAEC, #6585C7, #006A74, #2B2458)
- Aged Hollow color palette (#ECF9EE, #79E0F3, #008CB3, #006760, #084466)
- Aged Cerulean color palette (#E1F3E4, #1B9DC7, #004E79, #002F33, #001231)
- Antique Ash color palette (#F0F7F1, #DBDDED, #8199C9, #527487, #495269)
- Antique Veranda color palette (#F1F0FF, #FAAFDE, #D07C8B, #5D5695, #3A324E)
Browse the whole catalog at Explore, or see today's palette.