Petrol Courtyard color palette — #F6F7E4 · #79C7C8 · #007D86 · #00574D · #003A44
Built around Teal, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Cream (#F6F7E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Aqua (#79C7C8): A luminous, dusty teal — the color of sea glass.
- Teal (#007D86): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#003A44): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Aged Lagoon Lantern color palette (#F6F6EC, #B2CEAF, #00898E, #006152, #20432B)
- Worn Petrol Atelier color palette (#FFEEE5, #6FCDCF, #007F99, #005437, #001C2F)
- Misty Periwinkle Dune color palette (#E2FAFF, #73D9FF, #45AAF0, #006B6F, #003D4B)
- Turquoise Boulevard color palette (#EAECDB, #5CADB4, #006370, #003E3B, #00242D)
- Petrol Boulevard color palette (#ECF1E3, #8CB7D8, #246BAB, #004C64, #0C2C59)
- Sunlit Drift color palette (#EAF9F6, #8EECEE, #00C1D0, #00998A, #003A44)
- Hushed Drift color palette (#F4F7EC, #ABDAC5, #0089C3, #006476, #0B436B)
- Ultramarine Workshop color palette (#D6EBED, #008188, #3252D7, #2E6100, #002A2D)
Browse the whole catalog at Explore, or see today's palette.