Petrol Courtyard color palette — #F8ECE0 · #8CBDAE · #5363A4 · #004F50 · #352251
Slate and Deep Indigo set the tone — five colors that lean into creativity and calm.
The five colors
- Cream (#F8ECE0): A whisper-light, dusty gold — the color of old brass.
- Mint Leaf (#8CBDAE): A luminous, dusty teal — the color of glacier melt.
- Slate (#5363A4): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#352251): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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
- Aged Petrol color palette (#F7ECE8, #9ABB9E, #007297, #00532A, #0A2C5B)
- Powdered Orchard color palette (#FFF3E7, #88BFE4, #3D60DD, #005653, #3A1E69)
- Weathered Cobalt Chapel color palette (#E3ECE4, #93B8D8, #3969B8, #00495A, #0D0D3D)
- Timeworn Grove color palette (#F5EDE1, #A3CFC2, #4E84DF, #006880, #212560)
- Patina Lantern color palette (#FCF3F0, #AFCFAF, #1A84A4, #2A6034, #49304C)
- Hazy Onyx Lagoon color palette (#EDDFD9, #58ADB8, #005F85, #004026, #04194F)
- Washed Aubergine Bloom color palette (#FFEDEB, #F9C09C, #A29C55, #714586, #362F2B)
- Worn Cypress Lagoon color palette (#FDF3ED, #C8E5D3, #618FB8, #11735A, #3E4569)
Browse the whole catalog at Explore, or see today's palette.