Petrol Courtyard color palette — #C6EEF1 · #007489 · #00455F · #00263E · #10082C
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#C6EEF1): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007489): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#00455F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#00263E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#10082C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Shadow Cobalt Dune color palette (#D3E5F5, #0075BF, #00365D, #001429, #00040E)
- Onyx Market color palette (#D9EDE7, #009096, #006385, #002B65, #10024A)
- Ancient Lagoon color palette (#CEE7D4, #007856, #004940, #002C2C, #00191D)
- Hushed Cocoa color palette (#CDE9DE, #006791, #763800, #003148, #1D0900)
- Muted Violet Veranda color palette (#D6ECFD, #96A6D7, #8767BB, #004C5F, #001837)
- Muted Navy color palette (#D7F0FF, #0070BB, #003E91, #1A0075, #160045)
- Muted Garnet color palette (#DEEDFA, #00517F, #790039, #293600, #000813)
- Timeworn Villa color palette (#D9EAFC, #315FCF, #3600AA, #28005E, #240021)
Browse the whole catalog at Explore, or see today's palette.