Petrol Courtyard color palette — #F4F7E8 · #88C2D4 · #00799D · #00555C · #003751
Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F4F7E8): a clean, paper-quiet neutral.
- Sky (#88C2D4): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#00799D): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00555C): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#003751): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. 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 Studio color palette (#FFEEE4, #55CCEE, #0078B6, #00524A, #021347)
- Timeworn Sapphire Lantern color palette (#F2F8E6, #96BCE1, #0069D6, #005171, #102B73)
- Lagoon Quarry color palette (#F6F6EC, #BAD8B7, #009197, #006859, #004951)
- Dusty Denim Courtyard color palette (#E7E9E0, #81A995, #005F83, #003D46, #002238)
- Muted Petrol color palette (#F4F6EF, #C8E4E4, #739FBD, #0F7B91, #335149)
- Softworn Azure Delta color palette (#FEF1F9, #7DDAF6, #0095DF, #007369, #193061)
- Patina Market color palette (#E7FAF7, #9DE6FF, #00BAF4, #0095A5, #003752)
- Navy Meadow color palette (#DDE2D2, #5B8C7D, #003D6F, #00202D, #00081F)
Browse the whole catalog at Explore, or see today's palette.