Petrol Courtyard color palette — #F9EBE3 · #98BBA8 · #266AAD · #005143 · #262757
Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F9EBE3): a clean, paper-quiet neutral.
- Sage (#98BBA8): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#266AAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#262757): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Feathered Forest color palette (#F9EBE8, #7EBFBC, #00748D, #035410, #002F55)
- Weathered Cobalt Summit color palette (#FAF4EF, #A7CFBF, #5A77B0, #00605A, #3B3260)
- Hushed Petrol color palette (#E2ECE4, #7ABFD7, #0073A5, #004B4C, #001630)
- Powdered Archive color palette (#F0E4D9, #7DA3C2, #3949B1, #003E3E, #29074C)
- Airy Workshop color palette (#FFE6F6, #E5B2B7, #D68981, #006499, #3E2852)
- Aged Station color palette (#FFF2EF, #9ADDD9, #008DAC, #046C18, #004273)
- Antique Loft color palette (#F8E8E2, #559CA6, #005072, #00321D, #000843)
- Frosted Periwinkle Delta color palette (#F6EBF1, #91E1F9, #65AAE9, #319177, #242855)
Browse the whole catalog at Explore, or see today's palette.