Petrol Courtyard color palette — #E9EADF · #9EBDA0 · #007984 · #004C45 · #001A1F
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#E9EADF): a clean, paper-quiet neutral.
- Sage (#9EBDA0): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#007984): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001A1F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Timeworn Petrol Field color palette (#E8EAE1, #91BFAF, #1F6FAF, #00485E, #001534)
- Aged Hollow color palette (#F2F2EC, #B0D1B8, #2489A0, #005B5B, #002531)
- Aged Denim Harbor color palette (#E9EBDF, #80A790, #00617F, #00383E, #000C16)
- Weathered Cerulean color palette (#E9EBDF, #3D8494, #004254, #001F21, #000103)
- Aged Moss color palette (#F2E5CB, #CBCB8E, #89A75F, #765700, #191700)
- Aged Chestnut color palette (#F2E3CF, #978454, #6F4E00, #462A00, #120E00)
- Mulberry Delta color palette (#F6E0C3, #8E6100, #0D7215, #900034, #120900)
- Worn Plum color palette (#EDE0CE, #A4760E, #AC3089, #5D4000, #26001B)
Browse the whole catalog at Explore, or see today's palette.