Worn Petrol Courtyard color palette — #F9EBE4 · #7FBEBE · #00748B · #005333 · #00324C
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#F9EBE4): bright and airy, almost weightless.
- Mint Leaf (#7FBEBE): A luminous, dusty teal — the color of sea glass.
- Teal (#00748B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005333): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#00324C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Worn 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
- Wandering Cypress color palette (#E0ECE9, #85C0BE, #007A81, #004C42, #001A1F)
- Hushed Cerulean color palette (#FBF3F0, #B4CCB9, #2483A6, #00624B, #1E3D5A)
- Weathered Sapphire Studio color palette (#F7ECE3, #93BBAC, #2965BC, #004F53, #272757)
- Muted Denim color palette (#EDDFD8, #81AA92, #005D8A, #003F37, #051C48)
- Muted Blush color palette (#FFEDFD, #C7C2F0, #D088B6, #00607C, #31335A)
- Tempered Turquoise Archive color palette (#F7EAF3, #84E7E5, #00B7D7, #259460, #063249)
- Quiet Navy Coast color palette (#F5E8DE, #6D95B0, #09419F, #002F33, #12043E)
- Linen Nightshade color palette (#D7ECF0, #009BC9, #0061A1, #1519A3, #2B1C5F)
Browse the whole catalog at Explore, or see today's palette.