Petrol Courtyard color palette — #ECF4F1 · #E5D5D7 · #DFB0C2 · #0070B0 · #132A24
Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF4F1): bright and airy, almost weightless.
- Silver (#E5D5D7): a clean, paper-quiet neutral.
- Rosewood Mist (#DFB0C2): A luminous, dusty rose — the color of a warm blush.
- Slate (#0070B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#132A24): 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
- Dusty Lagoon color palette (#ECF5EC, #C4DDDC, #D1B4D2, #007A7D, #1B291C)
- Pewter Orchard color palette (#F6EFF3, #DED5D2, #CCB8AD, #736E9C, #312A2D)
- Aged Denim color palette (#EDE7ED, #D9C5D0, #B79BA2, #19539D, #1D111D)
- Softworn Azure color palette (#EFF6FE, #D9D8E3, #BEAFAC, #5694DE, #2A3644)
- Muted Quarry color palette (#FBEEF2, #ECCACB, #D499A2, #7A32A3, #2A111A)
- Lapis Station color palette (#F0DAE9, #4D4EEB, #3A164E, #1E0518, #000503)
- Brick Delta color palette (#E1F8F0, #008AD2, #AC0030, #2A4100, #101C00)
- Feathered Grove color palette (#C3E6FF, #A2AEE6, #9E5D8F, #3B5825, #2A2D0A)
Browse the whole catalog at Explore, or see today's palette.