Petrol Courtyard color palette — #F3F2E9 · #7F924A · #4664A1 · #683A5E · #261A10
Built around Slate, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#F3F2E9): bright and airy, almost weightless.
- Moss (#7F924A): A luminous, balanced green — the color of fresh herbs.
- Slate (#4664A1): A full-bodied, balanced violet — the color of a velvet chair.
- Mulberry (#683A5E): A full-bodied, balanced pink — the color of neon signs at night.
- Onyx (#261A10): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Amber Corridor color palette (#F8F1E8, #B88647, #00788A, #44446F, #241410)
- Timeworn Violet color palette (#EEF4EA, #52A58D, #8356A2, #6D3636, #201C0F)
- Worn Lagoon Study color palette (#FAF0E1, #90B88C, #29897C, #5E486B, #292F1C)
- Hushed Canyon color palette (#EFF8EE, #A98335, #8F5078, #6B3F54, #38313E)
- Patina Studio color palette (#ECF9F4, #99A84B, #6189C3, #72668B, #423139)
- Washed Mulberry Archive color palette (#DDF5E3, #006E7B, #880051, #3B2100, #000802)
- Weathered Lagoon color palette (#F7F4D2, #A6CBA5, #39A07A, #006157, #003035)
- Soft Grape color palette (#F2F4DF, #00822B, #4C00D4, #6F0035, #170E00)
Browse the whole catalog at Explore, or see today's palette.