Petrol Courtyard color palette — #EFF7F7 · #C9DFF5 · #678CBD · #006B92 · #35476C
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF7F7): bright and airy, almost weightless.
- Powder Blue (#C9DFF5): A whisper-light, dusty blue — the color of open sky before noon.
- Slate Blue (#678CBD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006B92): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#35476C): A full-bodied, dusty violet — the color of wild irises.
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
- Antique Cobalt color palette (#E9F9F8, #A9D4F5, #2082D7, #006280, #173E78)
- Worn Cypress color palette (#EFF7F5, #C6E2EB, #4E97A1, #007268, #18505C)
- Washed Iris Drift color palette (#F7EFF2, #C7DFF7, #708AD0, #006B78, #242A45)
- Softworn Station color palette (#DCEFED, #69AABA, #00617A, #003D41, #002332)
- Worn Abyss color palette (#E4F1EF, #4E89A5, #004161, #002129, #000A17)
- Worn Courtyard color palette (#FAF4EE, #C2F0E3, #84A1F1, #008A9B, #5B3D4D)
- Patina Plum Harbor color palette (#FDF0FF, #CA8C95, #7385C8, #AA3453, #354068)
- Grape Meadow color palette (#FEF0FF, #BC6F78, #9C7326, #7B539F, #462E49)
Browse the whole catalog at Explore, or see today's palette.