Petrol Courtyard color palette — #FFF0FB · #68C9CF · #007A97 · #00583D · #003658
Teal and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Aqua (#68C9CF): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007A97): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#00583D): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#003658): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Patina Cobalt color palette (#FFF0F8, #68C4EC, #0070C2, #005654, #232D63)
- Worn Cabin color palette (#F2F4DD, #63CED5, #00808F, #00524C, #001E26)
- Soft Cerulean Garden color palette (#E0FCF7, #6ADFE8, #009EB1, #00736C, #003A46)
- Aged Loft color palette (#E9E0E7, #4EAFBB, #00607F, #003F30, #00203E)
- Linen Summit color palette (#FFF4E2, #9DE9EE, #00BEDF, #009A81, #00384E)
- Hushed Ash Veranda color palette (#F9F3F8, #D5E1F3, #6BA1BF, #3A7C6D, #465465)
- Ancient Navy Loft color palette (#F0E3EA, #4B8AA0, #004067, #00231F, #01022B)
- Tempered Orchid Pier color palette (#E3E1FF, #B749DD, #00845E, #780097, #003725)
Browse the whole catalog at Explore, or see today's palette.