Petrol Courtyard color palette — #F1E5ED · #86C0BD · #00788B · #004E2A · #001826
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Blush (#F1E5ED): a clean, paper-quiet neutral.
- Mint Leaf (#86C0BD): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004E2A): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#001826): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Dusty Cypress Canyon color palette (#E4F2EF, #76C1BD, #00777B, #005144, #00353B)
- Worn Cerulean Lantern color palette (#F8EFF5, #A2D0E0, #2A87A7, #005E45, #00223D)
- Muted Petrol color palette (#F1E5EB, #98B8D0, #3D6CA9, #004B4D, #0F0B3E)
- Tempered Denim Field color palette (#EFE0EB, #68A7B6, #005F87, #003A31, #000921)
- Antique Periwinkle Garden color palette (#DAF6FF, #91CAEB, #90A1EF, #00754B, #00212A)
- Muted Orchard color palette (#F6F6EE, #BAEDDC, #00A6AB, #006C5B, #002328)
- Abyss Cabin color palette (#F2E4EF, #41848E, #004159, #002018, #000105)
- Gentle Brick color palette (#DFF0F5, #00928F, #C31D36, #005250, #2B0004)
Browse the whole catalog at Explore, or see today's palette.