Petrol Courtyard color palette — #EBF4F1 · #E5D5D8 · #D5B5C1 · #1F70A9 · #0E2B24
A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.
The five colors
- Cream (#EBF4F1): a clean, paper-quiet neutral.
- Silver (#E5D5D8): bright and airy, almost weightless.
- Rosewood Mist (#D5B5C1): A luminous, dusty rose — the color of pressed rose petals.
- Slate (#1F70A9): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#0E2B24): A deep, shadowed, dusty teal — the color of sea glass.
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
- Weathered Indigo Quarry color palette (#FBEEF4, #E3D2CD, #D4B7B5, #6E5CA8, #2F2027)
- Tempered Cobalt color palette (#F8F3F9, #E8D4D9, #CBB4C5, #006CBE, #4A394C)
- Ancient Denim color palette (#EEE6EE, #D6C6CF, #B69BA3, #215594, #1B121C)
- Washed Terrace color palette (#EEF6FF, #D9D8E3, #B6ACB6, #5C95D5, #2D3640)
- Patina Alley color palette (#F8EFF1, #DCD5D1, #B2B1A3, #A0757E, #3D3335)
- Airy Atelier color palette (#FFEFDC, #B2AA68, #547901, #414875, #262100)
- Hushed Corridor color palette (#C1F3DF, #A0A7E0, #927298, #465F34, #003D22)
- Cellar Lapis color palette (#FEE1F5, #4E53E0, #33203F, #1E0618, #000503)
Browse the whole catalog at Explore, or see today's palette.