Petrol Courtyard color palette — #EDF8F2 · #BDBC85 · #7CA26C · #6A639D · #1B2C1F
Built around Slate, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#EDF8F2): bright and airy, almost weightless.
- Sand (#BDBC85): A luminous, dusty green — the color of a quiet forest floor.
- Moss (#7CA26C): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#6A639D): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Forest (#1B2C1F): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Petrol Archive color palette (#ECF9F3, #B5B674, #909052, #396B9D, #2F1D29)
- Ancient Garden color palette (#FEF1F9, #FFD2B9, #95AB79, #86609B, #2F4632)
- Patina Loft color palette (#EAF9F7, #97BE96, #27A3A6, #924772, #0F2724)
- Stone Balcony color palette (#E9FAF2, #B3B36C, #405A59, #1A3027, #0B110B)
- Antique Pewter color palette (#FBF2FC, #FBB6BE, #54AC98, #8F547B, #55292F)
- Worn Turquoise Corridor color palette (#FAF4ED, #E2AE67, #00B5CD, #8A88BD, #3F2D29)
- Dusty Stone color palette (#F2F7F2, #D3DDDD, #B9B3BC, #C7A97E, #475048)
- Weathered Amber Dune color palette (#FDEDF2, #B17A2D, #007682, #4B4C76, #211923)
Browse the whole catalog at Explore, or see today's palette.