Petrol Courtyard color palette — #F6EDE3 · #89BEB0 · #5660AB · #004F52 · #381F53
A conversation between Slate and Royal Purple, giving this palette its sense of creativity and calm.
The five colors
- Cream (#F6EDE3): bright and airy, almost weightless.
- Mint Leaf (#89BEB0): A luminous, dusty teal — the color of glacier melt.
- Slate (#5660AB): A full-bodied, balanced violet — the color of wild irises.
- Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
- Royal Purple (#381F53): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Balance. 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
- Wandering Petrol Ridge color palette (#FAEBE5, #81BDC6, #0270A0, #005335, #162A5D)
- Sapphire Loft color palette (#FFF3E7, #81BEF0, #4E5FD2, #005557, #421270)
- Sapphire Grove color palette (#E1EDE3, #98B7D6, #3965C2, #00485C, #100E39)
- Cornflower Delta color palette (#F4EEE4, #A3C9ED, #5783DC, #006882, #272A4D)
- Linen Ridge color palette (#FFF2EC, #B4D8C2, #1B85CE, #006950, #303976)
- Blush Harbor color palette (#FAE4FA, #C4BFF0, #D38CAC, #006C75, #2A3052)
- Aged Nightshade color palette (#D1E7E5, #0096B0, #005D9B, #0D1DAD, #2F2261)
- Navy Summit color palette (#F7E8DF, #6396B4, #19419B, #00302D, #18003E)
Browse the whole catalog at Explore, or see today's palette.