Petrol Courtyard color palette — #FCF4E8 · #77C5D9 · #0078A1 · #005653 · #00355A
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Sky (#77C5D9): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0078A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005653): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#00355A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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 Cobalt color palette (#FFEEE5, #63CCE4, #0078B9, #00543E, #0D1146)
- Sapphire Orchard color palette (#FEF4E3, #82BEEF, #0064E4, #005365, #242B66)
- Softworn Denim Terrace color palette (#EFE8DD, #60AAC3, #005E87, #003E3F, #001F40)
- Ancient Studio color palette (#E1FCF8, #98E8FD, #00BCEC, #00969F, #00384F)
- Azure Alley color palette (#FFF0FA, #5ADEFE, #0093E7, #007559, #242B65)
- Washed Cerulean color palette (#F8F5EF, #C4E5D7, #588FC2, #136E7A, #583E55)
- Fern Quarry color palette (#EAFDD8, #61F0EC, #00AFDF, #166F1A, #00453D)
- Timeworn Study color palette (#F2EADD, #5687A6, #003C74, #002128, #02002F)
Browse the whole catalog at Explore, or see today's palette.