Petrol Courtyard color palette — #EBF9F5 · #89A171 · #0E7E90 · #58487F · #5F3435
Built around Teal, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Ivory (#EBF9F5): bright and airy, almost weightless.
- Moss (#89A171): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#0E7E90): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#58487F): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#5F3435): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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 Mulberry Alley color palette (#ECF8F7, #7AA47F, #4A7598, #783A63, #543E19)
- Patina Petrol Courtyard color palette (#FBEEF3, #C39066, #007F97, #71383F, #351E31)
- Pewter Chapel color palette (#DFFDF5, #A7C8C9, #819FA7, #6F6C8F, #624859)
- Petrol Orchard color palette (#F1F7F2, #D8DDEE, #7F9CBB, #207C89, #43536D)
- Patina Garnet color palette (#E7F9FE, #37999A, #5859A4, #7F1B3D, #463600)
- Patina Ridge color palette (#EFF7F2, #A9C9BD, #5D8C83, #4F6E5C, #3D534B)
- Faded Garnet color palette (#E0F7F9, #008B72, #1151A0, #680053, #422200)
- Patina Cerulean color palette (#FCF4E9, #CFAB77, #678DC7, #93535E, #5A3931)
Browse the whole catalog at Explore, or see today's palette.