Petrol Courtyard color palette — #E6FCEA · #5A9ED5 · #645FA8 · #713F19 · #2D3E55
Slate and Cornflower set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E6FCEA): A whisper-light, dusty teal — the color of sea glass.
- Cornflower (#5A9ED5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#645FA8): A full-bodied, balanced violet — the color of wild irises.
- Bronze (#713F19): A full-bodied, balanced gold — the color of old brass.
- Navy (#2D3E55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged retro.
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
- Pewter Villa color palette (#EAFAED, #9BA3D9, #8E659B, #68572C, #434759)
- Tempered Turquoise Lantern color palette (#DEFAE6, #00ACD6, #725F97, #554413, #152433)
- Washed Quarry color palette (#E7FBEB, #1BACAF, #0C72A1, #723A46, #26414D)
- Worn Station color palette (#EEF6FF, #4C8CD1, #9A3879, #624000, #00432F)
- Worn Sky color palette (#FFF4DE, #3FC3E5, #8B79BD, #706335, #25443C)
- Tempered Cerulean Cabin color palette (#F0F7F1, #C2E1FA, #618DBF, #006E7E, #394860)
- Softworn Ridge color palette (#EEF6FF, #9FE1FF, #99C2FF, #8E78C6, #323D56)
- Dusty Olive color palette (#EEF8EF, #90BBA3, #6F7A3A, #356075, #33483C)
Browse the whole catalog at Explore, or see today's palette.