Frosted Petrol Courtyard color palette — #E9F5FF · #60ABE3 · #006C9F · #00395C · #00253A
Peacock and Cornflower set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E9F5FF): bright and airy, almost weightless.
- Cornflower (#60ABE3): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006C9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00395C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00253A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, cool.
Use it as a design system
One click turns Frosted 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
- Azure Villa color palette (#EBF6FF, #9BD6FF, #27A9FE, #037CBA, #00243C)
- Tempered Lagoon color palette (#FFF0FD, #97B7ED, #5072AE, #274477, #182751)
- Worn Teal Studio color palette (#D4FFFD, #2CB5B6, #007570, #003F3E, #002725)
- Wandering Denim color palette (#F5F4FF, #A299DE, #61509C, #3A266D, #24104B)
- Cobalt Villa color palette (#DBEBFB, #3487DC, #004186, #001D3E, #000719)
- Weathered Petrol Basin color palette (#E1FDF2, #EECBEC, #B1A7DB, #057B8E, #1F4C41)
- Tempered Mulberry color palette (#FDF1F8, #9091D6, #9D2F53, #484195, #2A0F0A)
- Indigo Drift color palette (#FBE8F5, #5B65C3, #895204, #3B4C00, #331E2E)
Browse the whole catalog at Explore, or see today's palette.