Petrol Courtyard color palette — #FEF4E6 · #FFD0C6 · #B4A067 · #626EA7 · #5F3200
Slate and Bronze set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FEF4E6): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Shell Pink (#FFD0C6): A whisper-light, dusty orange — the color of sun-warmed clay.
- Camel (#B4A067): A luminous, dusty green — the color of fresh herbs.
- Slate (#626EA7): A full-bodied, balanced violet — the color of wild irises.
- Bronze (#5F3200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, muted.
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
- Petrol Basin color palette (#FCF5E3, #FBCDE8, #CC927D, #3D7B96, #533732)
- Softworn Pier color palette (#FFF3E8, #F3D9AA, #84B07D, #8A6097, #413F38)
- Hushed Fern Field color palette (#F9F5EC, #C2E1D1, #ABB38F, #A07B78, #4F4700)
- Tempered Taupe Thicket color palette (#EAFAEE, #D9947D, #837744, #46597D, #564049)
- Tempered Aubergine Courtyard color palette (#FFF3E7, #DCAE5D, #548F41, #683588, #2B2000)
- Aged Teal Ridge color palette (#FAF4F0, #C9DBE3, #98CED5, #3DA49D, #5E4359)
- Muted Marigold Boulevard color palette (#FCF4EA, #D4A469, #665200, #33291D, #130E0B)
- Muted Lime Veranda color palette (#FFF2ED, #94BC00, #008576, #820048, #001F03)
Browse the whole catalog at Explore, or see today's palette.