Petrol Courtyard color palette — #EDF0E4 · #86BAD1 · #00709F · #004E5B · #003050
Built around Peacock, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Cream (#EDF0E4): a clean, paper-quiet neutral.
- Ash (#86BAD1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00709F): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004E5B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Teal (#003050): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Softworn Alley color palette (#F3E6DE, #8ABBD2, #156EB7, #004B49, #0A0F3A)
- Aged Cobalt Summit color palette (#F4F6EE, #ACCEC2, #477DAD, #005C76, #1E3B61)
- Azure Dune color palette (#E4F2F1, #99DEFF, #38AFF0, #008DA6, #003052)
- Dusty Cypress Ridge color palette (#DFDFD4, #66ADA8, #006466, #003F34, #002529)
- Aged Turquoise color palette (#E8F8E3, #A8C8AA, #0EACCB, #006C54, #1C361A)
- Antique Petrol color palette (#F4F6F0, #C6E6E7, #769EBE, #227A91, #5F4A62)
- Wandering Lapis color palette (#D5E3CC, #00947C, #4C5AD1, #005647, #1B2159)
- Navy Studio color palette (#E2E6DB, #5A85AA, #003C75, #00202F, #000526)
Browse the whole catalog at Explore, or see today's palette.