Petrol Courtyard color palette — #F4F7EC · #ADE7FC · #5593B1 · #186E7A · #2B5045
Teal takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F4F7EC): bright and airy, almost weightless.
- Powder Blue (#ADE7FC): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#5593B1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#186E7A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#2B5045): A deep, shadowed, dusty teal — the color of sea glass.
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
- Tempered Cerulean Quarry color palette (#F4F7E8, #86DDF6, #008CB4, #00656E, #004563)
- Patina Cypress color palette (#F5F1EA, #C9E4D5, #6793B1, #046C6F, #39223B)
- Aged Lagoon color palette (#EFF8F1, #D0DFFE, #79ACCD, #148B8F, #2F4968)
- Wandering Pewter color palette (#F5F6ED, #C7E6DD, #81A387, #5F7756, #43594A)
- Ancient Teal Villa color palette (#E9E9D7, #3BB3AE, #006467, #003F34, #002529)
- Wandering Cerulean Lantern color palette (#E6E8D9, #0091A0, #004452, #002222, #000B11)
- Ancient Villa color palette (#EDF1E1, #72BCDE, #0070A1, #004E5C, #003051)
- Airy Moss color palette (#FCF6D8, #869200, #008F7F, #96552F, #3A3831)
Browse the whole catalog at Explore, or see today's palette.