Petrol Courtyard color palette — #E5F1EB · #9AB7B8 · #73A3A9 · #007E9D · #05180F
Built around Cerulean, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#E5F1EB): a clean, paper-quiet neutral.
- Ash (#9AB7B8): A luminous, dusty teal — the color of sea glass.
- Blue Fog (#73A3A9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007E9D): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#05180F): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Patina Cobalt Loft color palette (#D8E3DF, #BFAEB4, #AE9199, #0079B3, #001912)
- Worn Abyss Corridor color palette (#DCE4E9, #91A2B0, #607F9C, #003D4D, #00050A)
- Patina Denim Quarry color palette (#E5EFE8, #A0BBB3, #A68C9F, #005D6D, #08180F)
- Jade Veranda color palette (#E8ECD8, #47AE79, #008463, #00645B, #001408)
- Washed Violet Quarry color palette (#F4E7EC, #CEBAB7, #B99F98, #8C6CC3, #2B1921)
- Dusty Iris color palette (#E4EFFF, #8090CF, #7A6EAA, #774358, #38030B)
- Indigo Grove color palette (#D5E8E1, #00BFEB, #00A6EF, #4571FF, #000B1A)
- Worn Thicket color palette (#DCE9C8, #0092D5, #2C62C5, #76146C, #000C1B)
Browse the whole catalog at Explore, or see today's palette.