Petrol Courtyard color palette — #FFF4E2 · #50A6B6 · #346CA8 · #7E3132 · #254537
Built around Slate, softened by Rust — the whole palette hums with trust and stability.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Cyan (#50A6B6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#346CA8): A full-bodied, balanced blue — the color of open sky before noon.
- Rust (#7E3132): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#254537): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Balance. Tagged retro, cool.
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
- Cocoa Garden color palette (#FFF4E2, #669ECA, #64629A, #783A00, #493549)
- Patina Mulberry Parlor color palette (#FFF4E2, #62A889, #007881, #6E3664, #304425)
- Dusty Orchard color palette (#FFEFE0, #0EB3AA, #4768B0, #653B15, #11281B)
- Cerulean Ridge color palette (#EBF9F0, #2397B3, #7A5089, #6F3600, #124325)
- Powdered Cobalt Corridor color palette (#FFF1F5, #57C7B5, #5887CA, #8B550F, #20424F)
- Softworn Ultramarine Station color palette (#F9E1BB, #0087BB, #372DCE, #602200, #002A4D)
- Tempered Thicket color palette (#FFF4E2, #6787DC, #7D35B2, #5D3E00, #2F2E60)
- Ancient Cerulean color palette (#F9F4ED, #CEE2D2, #3A97B1, #007263, #1F4D65)
Browse the whole catalog at Explore, or see today's palette.