Petrol Courtyard color palette — #E2F2EF · #7BC5CD · #007486 · #003E3C · #000305
Teal and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E2F2EF): a clean, paper-quiet neutral.
- Aqua (#7BC5CD): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007486): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000305): a grounded near-black with real depth.
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 Petrol Boulevard color palette (#E2F2F2, #91BBE4, #2D66B3, #003A53, #000016)
- Antique Cerulean color palette (#E7FAF7, #A6D3EC, #0085B1, #005059, #000E1A)
- Antique Periwinkle Harbor color palette (#D5F5FF, #96D9FE, #6BA4E3, #00616B, #000B13)
- Olive Market color palette (#CEF1FF, #008F9A, #6E6B00, #00454B, #010100)
- Dusty Quarry color palette (#DDEFF4, #007388, #5031CD, #005122, #000102)
- Tempered Cerulean color palette (#F5E8F2, #6FBFC8, #0090BA, #007055, #00152A)
- Worn Cerulean color palette (#EEE1DA, #1D9BA6, #005169, #002D20, #00040D)
- Dusty Turquoise color palette (#DFFCF8, #C7DFF5, #00AAD4, #007178, #00293A)
Browse the whole catalog at Explore, or see today's palette.