Petrol Courtyard color palette — #F9F4EE · #C5E5D9 · #6B8DB6 · #116E7F · #5A3C55
A conversation between Teal and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F4EE): bright and airy, almost weightless.
- Celadon Mist (#C5E5D9): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate Blue (#6B8DB6): A luminous, dusty blue — the color of open sky before noon.
- Teal (#116E7F): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#5A3C55): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, 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
- Wandering Lantern color palette (#F8F0EA, #C4E5D9, #798CBF, #006D6A, #421F30)
- Timeworn Cobalt Parlor color palette (#FBF4E9, #9BD7FA, #3F83C3, #006571, #283E6C)
- Ancient Lagoon color palette (#FBF2F6, #D6DDFB, #91A3D6, #008C8A, #4B4065)
- Antique Workshop color palette (#F9F4EE, #C7E9E4, #7BA490, #317D76, #2F5248)
- Driftwood Summit color palette (#EDFAE9, #4FB3A5, #BD6F7D, #00766A, #642F3A)
- Muted Abyss Delta color palette (#EBE4D9, #51899D, #004161, #002223, #00091A)
- Forest Parlor color palette (#FBF4EA, #AECFAF, #2A8695, #00624C, #034154)
- Ancient Garden color palette (#E7DED1, #67ABB5, #006179, #003F37, #002235)
Browse the whole catalog at Explore, or see today's palette.