Petrol Courtyard color palette — #D0E8E7 · #00828D · #00576C · #00374B · #151939
Built around Teal, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#D0E8E7): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#00828D): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00576C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#00374B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#151939): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Onyx Studio color palette (#D8EBF1, #007A9D, #003F65, #00204D, #04014A)
- Patina Quarry color palette (#C4EDF2, #00ACC6, #0088A7, #006787, #002130)
- Timeworn Pine color palette (#E1EDE0, #008E5D, #005E4B, #003631, #011D29)
- Softworn Terracotta Alley color palette (#D8EFE4, #00789B, #913C00, #003F54, #300F00)
- Quiet Corridor color palette (#C1E6F7, #0085C4, #004D95, #001892, #17194C)
- Wandering Mulberry Boulevard color palette (#DBEFE6, #006288, #8E0054, #3D4100, #001420)
- Pale Boulevard color palette (#CDF5E5, #97BBF5, #8C79EC, #00565F, #002B22)
- Cobalt Pier color palette (#CCF0D2, #46B3CD, #0089BB, #00598B, #563B56)
Browse the whole catalog at Explore, or see today's palette.