Petrol Courtyard color palette — #FDF1FA · #6DC7D7 · #0076AC · #00593C · #1B2D68
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FDF1FA): a clean, paper-quiet neutral.
- Aqua (#6DC7D7): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0076AC): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#00593C): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#1B2D68): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Sapphire Summit color palette (#FFF1F6, #86C0E3, #3562DA, #005652, #391D6D)
- Worn Station color palette (#F8F1E5, #73CBDB, #007DA0, #00524C, #001C2F)
- Cerulean Balcony color palette (#EAFAED, #87DAE9, #009AC5, #00736B, #003655)
- Muted Denim Loft color palette (#E6DBE2, #6FA9B9, #005B94, #004030, #141849)
- Hazy Basin color palette (#F1F5FF, #EEBAFE, #F7828C, #006E83, #423163)
- Cypress Atelier color palette (#FAF3F7, #D7DFF1, #7C9CC0, #3B7C6C, #495268)
- Frosted Lapis color palette (#DAE0F1, #4B51FF, #666900, #285A26, #171D50)
- Softworn Sky Loft color palette (#FFF2EC, #8CEAFC, #3BB5FD, #009C6E, #1B2C6B)
Browse the whole catalog at Explore, or see today's palette.